javascript - Google マップ:特定の座標に HTML 要素を追加する方法は?

Question

標準の HTML 要素 (div、ボタン) をマップ上の特定の座標セットに追加する方法と追加できるかどうかを知りたいですか?

たとえば、一連の座標があり、それらにカスタム バルーン通知を添付したいと考えています。

座標から離れてパンすると要素が消え、座標に戻ると要素が再び表示されます。

Google マップでこれを行うことは可能ですか?

Answer 1

カスタムオーバーレイを使用できます-https ://developers.google.com/maps/documentation/javascript/customoverlaysforthat

Answer 2

romanが言ったように、GOverlayを実装するカスタムjavascriptオブジェクトを作成できます。

これは、別のSOの質問の例で、その男がGoogleマップの上にSVGを挿入したいと考えていました。ただし、彼のソリューションを使用してHTMLを挿入するだけでよいと確信しています。

GoogleマップにSVG図をオーバーレイするにはどうすればよいですか？

Answer 3

カスタムバルーンを作成する場合は、次の質問を参照してください。

グーグルマップバブルテンプレート

Answer 4

あなたが見たいのはopenInfoWindowHtml関数です。最初にマップにマーカーを追加する必要があります。気の利いた最大化関数と組み合わせたこの良い例については、Googleでこの例を確認してください。

Answer 5

これを最新の Google Maps API バージョン (v3) の基本クラスとして参照してください。

使用法：

var rectBounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(54.478490, 18.550357),
    new google.maps.LatLng(54.478434, 18.551952)
);
var obj = new overlayText(rectBounds, 'Some<br />HTML', objGMap3);