Gmap标记悬停缩放

Question

我可以在悬停时更改标记大小吗？我需要增加悬停标记大小(2-3像素)，并减少到鼠标输出的默认大小。

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