javascript - Gmap 标记悬停缩放

Question

我可以在悬停时更改标记大小吗？我需要在悬停时增加标记大小 (2-3 px) 并在鼠标移开时减小到默认大小。

Answer 1

如果您使用自定义图标，您可以轻松地在鼠标悬停时更改图像:

[...]

var marker_image_medium = new google.maps.MarkerImage('medium.png');
var marker_image_big = new google.maps.MarkerImage('big.png');

var marker = new google.maps.Marker({
    position: myLatlng, 
    map: map,
    icon: marker_image_medium,
    title: "Exemple"
});

google.maps.event.addListener(marker, 'mouseover', function() {
    marker.setIcon(marker_image_big);
});
google.maps.event.addListener(marker, 'mouseout', function() {
    marker.setIcon(marker_image_medium);
});

这是一个部分示例，您必须初始化 map 、声明 myLatlng 等。

编辑:糟糕，setIcon() 上的小错误，已更正。