谷歌地图中的自定义标记图标在动画之前弹出答案

【问题标题】：Custom marker icon in Google maps pops up before animation谷歌地图中的自定义标记图标在动画之前弹出
【发布时间】：2013-01-31 07:09:13
【问题描述】：

我有以下代码向我的地图添加标记：

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

一切正常，除了图标在运行动画之前弹出一秒钟。有没有其他人遇到过这个问题？

【问题讨论】：

在定义marker的时候排除map参数，然后再设置map会怎样？换句话说，设置标记图参数的延迟是否可以解决问题？
您使用的是什么版本的谷歌地图？根据更新日志，这个问题在 v3.7 中得到了修复（我自己之前观察过，但在 3.7 发布之前很久了）。原始错误描述 - code.google.com/p/gmaps-api-issues/issues/detail?id=3608 Changelog - code.google.com/p/gmaps-api-issues/wiki/…

标签： google-maps-api-3 google-maps-markers

【解决方案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
});

【讨论】：