2012-04-30 111 views
2

我可以更改懸停時的標記大小嗎?我需要在懸停(2-3 px)時增加標記大小,並在鼠標移出時減小到默認大小。Gmap標記懸停縮放

回答

8

如果您使用自定義圖標,你可以改變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()上的小錯誤,已更正。

+0

marker.setIcon(marker_image_big); - 對於圖標更改,以你的方式它不會工作。謝謝。 – YamahaSY

+0

你是對的,更正。 – Julien

1

您需要更改

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

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

這裏是改變mouseovermouseout圖像的正確方法。

在函數內部需要使用this代替