How to remove white lines when using Google Maps API on iPad? <p>I'm using custom styling to create a blue map using Google Maps API V3.</p> <p><img src="https://i.stack.imgur.com/8LLXE.png" alt="example when scrolling on iPad"></p> <p>It renders fine across different browsers on a desktop, but when I view it on an iPad there is a vertical white line present. Further, when scrolling there's a horizontal line, as shown in the photo above.</p> <p>Here is a JSFiddle example of my code in action.</p> <pre><code> var myOptions = { zoom: 5, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true, styles: styles }; </code></pre> <p><a href="http://jsfiddle.net/xrHar/2/" rel="nofollow noreferrer">JSFiddle of custom colour styling</a></p> <p>Is there a way to remove or smooth out these lines?</p>