My favorites | Sign in
Project Home Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions
Issue 4616: Bug: Google maps stopped showing markers with remote images in closeups since 3.10
6 people starred this issue and may be notified of changes. Back to list
Status:  Fixed
Owner:  ----
Closed:  Jan 2013


Sign in to add a comment
 
Reported by [email protected], Nov 30, 2012
http://stackoverflow.com/questions/13642589/google-maps-wont-show-markers-with-remote-images-in-closeups

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 http://screenshots.ryotsuke.ru/scr_47d40b4cbb8e.png


Zoom out. Part of image is seen http://screenshots.ryotsuke.ru/scr_09d85d5fccc2.png

Zoom more. All image is seen, but a weird vertical line appears http://screenshots.ryotsuke.ru/scr_23f02c7d7c78.png & https://dl.dropbox.com/u/10867328/scr/Screenshot_2012-11-30-12-36-39.png



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
        });
Dec 3, 2012
#1 [email protected]
When changed from 3.10 to 3.9 in code - works fine. if not - problem as shown on screenshots
bg.html.zip
12.6 KB   Download
Dec 5, 2012
Project Member #2 [email protected]
(No comment was entered for this change.)
Status: Confirmed
Labels: Internal-7636173
Dec 5, 2012
Project Member #3 [email protected]
 Issue 4621  has been merged into this issue.
Jan 25, 2013
Project Member #4 [email protected]
(No comment was entered for this change.)
Status: Fixed
Mar 15, 2013
#5 [email protected]
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?
2013-03-14 07.45.22.png
261 KB   View   Download
Mar 19, 2013
#6 [email protected]
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
Sign in to add a comment

Powered by Google Project Hosting