2
我可以更改懸停時的標記大小嗎?我需要在懸停(2-3 px)時增加標記大小,並在鼠標移出時減小到默認大小。Gmap標記懸停縮放
我可以更改懸停時的標記大小嗎?我需要在懸停(2-3 px)時增加標記大小,並在鼠標移出時減小到默認大小。Gmap標記懸停縮放
如果您使用自定義圖標,你可以改變easyly鼠標懸停在圖片:
[...]
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()上的小錯誤,已更正。
您需要更改
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.setIcon(marker_image_big); - 對於圖標更改,以你的方式它不會工作。謝謝。 – YamahaSY
你是對的,更正。 – Julien