Hello,
I've been developing a web app which utilizes the google maps javascript api and the markerwithlabel extension.
After a bit of testing I found after having zoomed in on a marker, zooming out using a pinch gesture causes the entire Safari/Chrome tab to crash on an iPad 2 running iOS 8 and 9.
Here is the code I used:
HTML
<div id="maptest"/>
Javascript
$(function () {
var map = new google.maps.Map(document.getElementById('maptest'), {
zoom: 4,
center: new google.maps.LatLng(0, 0),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
for (var i = 0; i < 10; i++) {
var marker = new MarkerWithLabel({
position: new google.maps.LatLng(i, i),
map: map,
labelContent: "A",
});
}
});
Css
#maptest {
width: 100vw;
height: 100vh;
}
You can check it out in this fiddle:
http://jsfiddle.net/mac89/h8w3v7v0/15/
The crash seems to only occur when using a label, in this fiddle the crash does not happen:
http://jsfiddle.net/mac89/h8w3v7v0/17/
Decreasing the size of the map seems to lessen the chance of the crash occuring. If the markers are placed close together (0.0001 distance) the crash does not occur either. Panning and zooming in causes no issues whatsoever.
I'm at a loss as what to do with this. I reckon this is a bug, because on the desktop or the Android device I've used, this does not happen.