google-maps - マウスオーバー時のGoogleマップv3マーカー情報ウィンドウ

Question

答えを得るために、stackoverflow や Google マップ v3 API ドキュメントを含む他のフォーラムを精査しましたが、作業中のファイルでマーカー情報ウィンドウを起動するイベントをクリックからマウスオーバーに変更する方法が見つかりません。

フュージョン テーブル レイヤーを含む Google ライブラリのデモを使用しています。

クラスターを拡大すると、位置を示す小さな赤い円のマーカーが表示されます。情報ウィンドウを表示するには、クリックする必要があります。ロールオーバーして情報ウィンドウを表示したい。

私のデモはこちら: http://www.pretravelvideo.com/gmap2/

functions.js ファイルは、ここでほとんどの作業を行います: http://www.pretravelvideo.com/gmap2/functions.js

Answer 1

例を次に示します: http://duncan99.wordpress.com/2011/10/08/google-maps-api-infowindows/

marker.addListener('mouseover', function() {
    infowindow.open(map, this);
});

// assuming you also want to hide the infowindow when user mouses-out
marker.addListener('mouseout', function() {
    infowindow.close();
});

Answer 2

var icon1 = "imageA.png";
var icon2 = "imageB.png";

var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    icon: icon1,
    title: "some marker"
});

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