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

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

修改：oups，setIcon（）上的小错误，已更正。

Answer 2

你需要改变

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

到

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

这是更改mouseover和mouseout上的图片的正确方法。

函数内的

需要使用this而不是marker

Gmap标记悬停缩放

2 个答案: