google-maps-api-3 - Google map 中的自定义标记图标在动画之前弹出

Question

我有以下代码来向我的 map 添加标记:

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