jquery - Google マップでマーカーの上にコンテンツ Div を表示する

Question

Googleマップにマーカーを設定し、その特定のマーカーにカーソルを合わせると、その特定の場所に関連するいくつかの画像で構成されるウィンドウを表示したいと考えています。

同様に、div スペースに収まらない場合は、その画像にカルーセルの影響を与える必要があります..

それ、どうやったら出来るの？

Answer 1

それを行う方法のアイデアを教えてください-

Infowindow のドキュメントでこの例を参照してください。

https://developers.google.com/maps/documentation/javascript/overlays#InfoWindows

この例ではclick、マーカーのイベントを使用して情報ウィンドウを開きます

google.maps.event.addListener(marker, 'click', function() {
  infowindow.open(map,marker);
});

を希望するのでmouse over、イベント名を変更するだけで十分です

google.maps.event.addListener(marker, 'mouseover', function() {
      infowindow.open(map,marker);
    });

情報ウィンドウ内に画像を配置するには、情報ウィンドウの内容を<IMG> tagas-

content: '<IMG ID="imgHolder" BORDER="1" SRC="myimage.jpg">