Google Maps API v3 - тень маркера исчезает

Question

Вот основной код, я его вырезал прямо:

      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);
        });

По какой-то причине тень не отображается.Однако, если я включаю перетаскивание и / или устанавливаю анимацию маркера (отскок или падение), тень появляется, как только она поднята вверх. Но как только маркер ложится, тень исчезает.

Я не могу найти другую документацию по этому вопросу или подобные вопросы / ответы.

Спасибо

Answer 1

Оказывается, синтаксис правильный.Это на самом деле ошибка в Google Chrome и Safari.Internet Explorer и Firefox корректно отображают тень.

Ошибка открыта в http://code.google.com/p/gmaps-api-issues/issues/detail?id=3993

Answer 2

Изображение тени должно отличаться от изображения маркера.

Например, тень маркера для карт Google выглядит следующим образом; http://maps.gstatic.com/mapfiles/shadow50.png

Из вашего кода;

var houseMarkerShadow = new google.maps.MarkerImage("marker2.png",markerShadowSize,markerShadowPoint,markerShadowAnchor);

Наличие того же изображения marker2.png, что и у маркера, и у тени, вероятно, не будет работать так, как вы ожидаете.