Question

Here’s the basic code, I cut it straight out:

      var loadposition = new google.maps.LatLng(<?=$feed['location'][0]?>,<?=$feed['location'][1]?>);
      var markerSize = new google.maps.Size(20,34);
      var houseMarker = new google.maps.MarkerImage("marker2.png",markerSize);

      var markerShadowSize = new google.maps.Size(30,34);
      var markerShadowPoint = new google.maps.Point(30,0);
      var markerShadowAnchor = new google.maps.Point(0,35);
      var houseMarkerShadow = new google.maps.MarkerImage("marker2.png",markerShadowSize,markerShadowPoint,markerShadowAnchor);

        marker = new google.maps.Marker({
            position:loadposition,
            title:"<?=$feed['name']?>",
            draggable:false,
            clickable:true,
            icon:houseMarker,
            shadow:houseMarkerShadow
        });

        marker.setMap(map);

        google.maps.event.addListener(marker, 'click', function(e){
            var loadposition = new google.maps.LatLng(<?=$feed['location'][0]?>,<?=$feed['location'][1]?>);
            var htmlContent = "<?=$feed['name']?><br/><?=$feed['address']?>";

            infowindow.setPosition( loadposition );
            infowindow.setContent(htmlContent);
            infowindow.open(map);
        });

For some reason, the shadow does not show. However, If I enable drag and drop and/or set up a marker animation (either bounce or drop) the shadow shows up once it’s lifted up.. But as soon as the marker lays down the shadow disappears.

I can not find any other documentation on this nor similar questions / answers.

Thanks

Answer 1

It turns out that the syntax is correct. It’s actually a bug with Google Chrome and Safari. Internet explorer and Firefox all render the shadow correctly.

The bug is opened at http://code.google.com/p/gmaps-api-issues/issues/detail?id=3993