web-dev-qa-db-ja.com

マウスオーバーでのGoogleマップv3マーカー情報ウィンドウ

私はstackoverflowとGoogleマップv3 apiドキュメントを含む他のフォーラムで答えを探しましたが、マーカー情報ウィンドウを起動するイベントをclickからmouseoverで作業しているファイル内。

Fusion Table Layerを含むGoogleライブラリのデモを使用しています。

クラスターにズームインすると、場所の小さな赤い丸のマーカーが表示されます。クリックして情報ウィンドウを表示する必要があります。情報ウィンドウを表示するためにロールオーバーしたいです。

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

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

50
Adam Fletcher

次に例を示します。 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();
});
127
duncan
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);
});
6
pankaj

ダンカンの回答のおかげで、私はこれで終わります:

marker.addListener('mouseover', () => infoWindow.open(map, marker))
marker.addListener('mouseout', () => infoWindow.close())
3
Damjan Pavlica