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;

如何突出显示Google地图标记？

Answer 1

你可以使用一个Icon（或者MarkerImage仍然支持但不赞成使用Icon）并在其中使用公共标记图像并设置你想要的合适尺寸/比例，例如，假设标记[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);

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

2 个答案: