Javascript Gmap标记悬停缩放
我可以更改悬停时的标记大小吗?我需要增加悬停时的标记大小(2-3像素),并在鼠标离开时减小到默认大小。如果使用自定义图标,您可以轻松地在鼠标上方更改图像:Javascript Gmap标记悬停缩放,javascript,html,google-maps,Javascript,Html,Google Maps,我可以更改悬停时的标记大小吗?我需要增加悬停时的标记大小(2-3像素),并在鼠标离开时减小到默认大小。如果使用自定义图标,您可以轻松地在鼠标上方更改图像: [...] 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.Mar
[...]
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等
编辑:输出,setIcon()上的小错误,已更正。您需要更改
google.maps.event.addListener(marker, 'mouseout', function() {
marker.setIcon(marker_image_medium);
});
到
以下是更改mouseover
和mouseout
上图像的正确方法
函数内部需要使用此
而不是标记
标记。设置图标(标记_图像_大);-对于图标更改,以您的方式它将不起作用。谢谢
google.maps.event.addListener(marker, 'mouseout', function() {
this.setIcon(marker_image_medium);
});