Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Gmap标记悬停缩放_Javascript_Html_Google Maps - Fatal编程技术网

Javascript Gmap标记悬停缩放

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

我可以更改悬停时的标记大小吗?我需要增加悬停时的标记大小(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.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);
});