javascript - GoogleMapsV3-infowindowsで長方形を描く

Question

グーグルマップ上に約15個の長方形、約約40％の不透明度を描画したいのですが、これを実行し、HTMLデータを関連付けるためのベストプラクティスは何でしょうか。

アレイとそれを介してforeaching？マウスオーバー（できれば）ツールチップを作成する方法、または少なくともクリックする方法を教えてください。

Answer 1

google.maps.Rectangleインスタンスのセットを作成し、RectangleOptions を使用してをに設定できます。四角形は JavaScript オブジェクトであるため、必要なデータを任意のインスタンスに自由に関連付けることができます。fillOpacity0.4

四角形は と のイベントも発生させるmouseoverためclick、言及した DOM イベントをトリガーできます。四角形がクリックを受け入れるようにするためにRectangleOptions、コンストラクター関数に渡すにはメンバー: も含めることclickableができますtrue。

または、マップ上に長方形のラベルを配置し、マップ上の付箋のように、いくつかの innerHTML コンテンツを追加するだけの場合は、 google-maps-utility-library InfoBoxに興味があるかもしれません。スタイリングを完全に制御でき、イベントの処理/伝播を制御できるメカニズムがあります。