Fixed
Status Update
Comments
ry...@gmail.com <ry...@gmail.com> #2
Thanks, we're looking into it.
en...@google.com <en...@google.com>
se...@gmail.com <se...@gmail.com> #4
This issue is still occuring in our application. We are using the default version of Google Maps Javascript Api, scaled images (for retina resolution) and remote images.
In the Image below you see the weird line and some issues with the remote images (they are streched and move around on swiping the map).
Is this fix already live?
In the Image below you see the weird line and some issues with the remote images (they are streched and move around on swiping the map).
Is this fix already live?
tb...@gmail.com <tb...@gmail.com> #5
In version 3.11, MarkerImage is replaced with Icon. Follow the instructions here to change anywhere in your code you are making use of MarkerImage: https://developers.google.com/maps/documentation/javascript/overlays#Icons
Description
Map is launched from withing phonegap application & on local website with Chrome.
3.9 works fine. 3.10 & 3.11 — not.
Google maps wont show markers with remote images in closeups. Meaning when i zoom in, I can't see images. When I zoomout I can see either part of image or a full image if I zoom out completely.
Though if marker image is local file, it is displayed every time.
See samples:
Closeup. Only local file markers are seen
Zoom out. Part of image is seen
Zoom more. All image is seen, but a weird vertical line appears
Code for both local & remote image marker is pretty the same:
var image = new google.maps.MarkerImage(location.image,
new google.maps.Size(120, 120),
new google.maps.Point(0,0),
new google.maps.Point(iconSize*14/32, iconSize*40/32),
new google.maps.Size(iconSize*1, iconSize*1)
); //REMOTE IMAGE
var shadow = new google.maps.MarkerImage('images/marker-big-'+location.status+'.png',
//LOCAL IMAGE
new google.maps.Size(96, 111),
new google.maps.Point(0,0),
new google.maps.Point(iconSize*16/32-1, iconSize*42/32),
new google.maps.Size(iconSize*36/32, iconSize*42/32));
localMarker = new google.maps.Marker({
position: new google.maps.LatLng(location.latitude,location.longitude),
title:location.text,
map: map,
icon: shadow,
zIndex: index*2
});
remoteMarker = new google.maps.Marker({
position: new google.maps.LatLng(location.latitude,location.longitude),
title:location.text,
map: map,
icon: image,
zIndex: index*2+1
});