2012-04-30 5 views
2

ホバーでマーカーサイズを変更できますか?マウスを動かすとマーカのサイズが大きくなり(2〜3ピクセル)、マウスのデフォルトサイズは小さくなります。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)のthisを使用する必要があります。 - アイコンの変更のために、あなたのやり方では動作しません。ありがとう。 – YamahaSY

+0

あなたは正しいと思います。 – Julien

1

あなたがここにmouseovermouseout上の画像を変更するための正しい方法である

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

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

を変更する必要があります。関数内

代わり

関連する問題