From 50bf2f015c3a77f7db669bffdd53c03751938442 Mon Sep 17 00:00:00 2001
From: Tim Schaub <tim.schaub@gmail.com>
Date: Sat, 29 Sep 2012 01:21:35 +0200
Subject: [PATCH] Getting rid of lines between rotated tiles

Applying the scale3d trick just to get rid of small pixel gap between rotated tiles.  This will be reworked soon with additional use of transforms.
---
 examples/side-by-side.html | 4 ++--
 src/ol/renderer/dom/map.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/examples/side-by-side.html b/examples/side-by-side.html
index 0ff43d6427..49993e45e6 100644
--- a/examples/side-by-side.html
+++ b/examples/side-by-side.html
@@ -40,7 +40,7 @@
             </tr>
             <tr>
                 <td>Rotate:</td>
-                <td><code>Alt</code>+drag, <code>r</code> to reset (WebGL only)</td>
+                <td><code>Alt</code>+drag, <code>r</code> to reset</td>
             </tr>
             <tr>
                 <td>Brightness/contrast:</td>
@@ -63,7 +63,7 @@
                 <td><code>0</code> key</td>
             </tr>
         </table>
-        <p><b>Notes:</b> The two maps share the same center, resolution, rotation and layers.  Currently the DOM map does not support rotation.</p>
+        <p><b>Notes:</b> The two maps share the same center, resolution, rotation and layers.</p>
         <script src="loader.js?id=side-by-side" type="text/javascript"></script>
     </body>
 </html>
diff --git a/src/ol/renderer/dom/map.js b/src/ol/renderer/dom/map.js
index 1ba0ce0d7d..b5174957a7 100644
--- a/src/ol/renderer/dom/map.js
+++ b/src/ol/renderer/dom/map.js
@@ -154,7 +154,7 @@ ol.renderer.dom.Map.prototype.handleRotationChanged = function() {
     return;
   }
   var rotation = map.getRotation() * 180 / Math.PI;
-  this.applyTransform_('rotate(' + rotation + 'deg)');
+  this.applyTransform_('rotate(' + rotation + 'deg) scale3d(1, 1, 1)');
 };