google-maps-api-3 - 如何使突出显示的谷歌地图标记增长？

Question

function highlightmarker(marker_id) {
    //console.log("Highlight marker id: "+marker_id);
    for (var i=0; i<markers.length; i++) {
        if (markers[i].id == marker_id) {
            map_markers[i].setAnimation(google.maps.Animation.BOUNCE);
        }
    }   
}

这使我的地图标记上下反弹，但我希望它们增长。

我尝试用这个替换最后一行，但没有奏效：

        var img_height = 40; 
        var img_width = 40; 

如何使突出显示的谷歌地图标记增长？

Answer 1

您可以使用图标（或仍然受支持但不推荐使用图标的 MarkerImage）并在其中使用通用标记图像并设置您想要的适当大小/比例，例如，假设标记 [i] 指向有效标记

var image = { url: " http://www.google.com/mapfiles/marker.png", size: new google.maps.Size(50, 50), origin: null, anchor: null, scaledSize: new google.maps.Size(50, 50) };

marker[i].setIcon(image);

对于更完整的示例，我创建了一个 jsFiddle，它在创建标记时设置图标，http://jsfiddle.net/68gx9/

Answer 2

代替

map_markers[i].setAnimation(google.maps.Animation.BOUNCE);

用新的更大的替换标记图像..

map_markers[i].setIcon(yourImageUrl);