google-maps-api-3 - Googleマップのカスタムマーカーアイコンがアニメーションの前にポップアップします

Question

マップにマーカーを追加するための次のコードがあります。

var marker = new google.maps.Marker({
    icon: '/pin.png',
    map: map,
    position: latlng,
    draggable: false,
    title: trip_name,
    animation: google.maps.Animation.DROP
});

アニメーションを実行する前にアイコンが一瞬ポップアップすることを除いて、すべてが正常に機能します。他の誰かがこの問題に遭遇しましたか？

Answer 1

私はこれと同じ動作を経験していましたが、カスタムアイコンをさらに定義すると、この問題の修正に役立つことがわかりました。

var image = {
    url: 'images/map_marker.png',
    // This marker is 20 pixels wide by 30 pixels tall.
    size: new google.maps.Size(20, 30),
    // The origin for this image is 0,0.
    origin: new google.maps.Point(0,0),
    // The anchor for this image is the base of the image at 0,30.
    anchor: new google.maps.Point(10, 30)
};

var marker = new google.maps.Marker({
   icon: image,
   map: map,
   position: latlng,
   draggable: false,
   title: trip_name,
   animation: google.maps.Animation.DROP
});