2012-03-02 13 views
0

を消えここで基本的なコードだが、私はまっすぐそれをカット:何らかの理由でGoogleマップ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); 
     }); 

、影は表示されません。しかし、ドラッグアンドドロップを有効にしたり、マーカアニメーション(バウンスまたはドロップのいずれか)を設定すると、シャドウが一度上がったら表示されます。ただし、マーカーが配置されるとすぐに影が消えます。

私はこの似たような質問/回答に関する他のドキュメントを見つけることができません。

ありがとうございました

答えて

-1

構文が正しいことが判明しました。実際にはGoogle ChromeとSafariのバグです。 Internet ExplorerとFirefoxはすべて影を正しくレンダリングします。

バグはhttp://code.google.com/p/gmaps-api-issues/issues/detail?id=3993

+0

これがなぜ投票されなかったのか分かりませんが、投稿時の実際のバグでした... https://code.google.com/p/gmaps-api-issues/issues/detail?id=3993 –

0

シャドウイメージはマーカーイメージと異なる必要があります。

たとえば、Googleマップのマーカーの影は次のとおりです。 http://maps.gstatic.com/mapfiles/shadow50.png

コードからは、

マーカーと影の両方と同じ画像marker2.pngを持つことは、おそらく期待通りには機能しません。

+0

で開かれています。構文は正しくありません。実際、問題はGoogle Chrome/Safariでのみ発生していると判断しました。これはレンダリングの問題です。このケースはGoogleで開かれています。 –

+0

まず、あなたのウェブサイト上で問題をリンクすると役に立つかもしれません。 また、 "var marker"をどこに設定するかわかりません。 Googleがすべてのブラウザでhttp://code.google.com/apis/maps/documentation/javascript/examples/icon-complex.htmlを正しく設定しているという例は、コード。 –

+0

varマーカーは行618で宣言されています。これは関数init()の前に最初に実行されます。 –

関連する問題