谷歌地圖API V3 - 標記陰影消失

這裏是基本的代碼，我把它剪直出：谷歌地圖API V3 - 標記陰影消失

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

出於某種原因，陰影不顯示。但是，如果我啓用拖放和/或設置標記動畫（反彈或放下），陰影就會顯現出來。一旦標記放下，陰影消失。

我找不到任何其他文檔或類似的問題/答案。

謝謝

來源

2012-03-02 MKN Web Solutions

-1

事實證明，該語法是正確的。這實際上是Google Chrome和Safari的一個錯誤。 Internet Explorer和Firefox都能正確渲染陰影。

的錯誤在http://code.google.com/p/gmaps-api-issues/issues/detail?id=3993

來源

2012-03-05 05:37:09

不知道爲什麼這是投下來的，這是在發佈時的實際錯誤... https://code.google.com/p/gmaps-api-issues/issues/detail?id=3993 – 2015-06-16 02:40:41

陰影圖像需要不同於標記圖像。

例如谷歌地圖的標記陰影是這樣的; http://maps.gstatic.com/mapfiles/shadow50.png

從你的代碼;

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

與標記和陰影相同的圖像marker2.png可能不會像您期望的那樣工作。

來源

2012-03-05 01:09:17

打開這並不是說，語法是正確的。事實上，我確定這個問題只出現在Google Chrome/Safari中。這是一個渲染問題。這個案子是用Google打開的。 – 2012-03-05 05:35:51

將您的網站上的問題鏈接到開頭可能會有所幫助。另外我看不到你在哪裏設置「var marker」。 Google設置的http://code.google.com/apis/maps/documentation/javascript/examples/icon-complex.html適用於所有瀏覽器的示例，您需要更好地瞭解您的碼。 – 2012-03-05 08:15:11

var標記在618行聲明;它在函數init（）之前首先被執行。 – 2012-03-06 00:38:20

谷歌地圖API V3 - 標記陰影消失

回答

相關問題