GoogleマップV3 - 情報ウィンドウで矩形を描く

Question

私は約15の四角形、約40％の不透明度をグーグルマップ上に描きたいと思っています。これを行うためのベストプラクティスとなるでしょう。いくつかのHTMLデータそれと？

アレイを作成してからそれをフォワードしますか？マウスオーバー（できれば）ツールチップを作成するにはどうしたらいいですか？

Answer 1

google.maps.Rectangleのインスタンスを作成し、RectangleOptionsを使用してfillOpacityを0.4に設定できます。矩形はJavaScriptオブジェクトなので、任意のデータを任意のインスタンスに自由に関連付けることができます。

矩形は、mouseoverとclickのイベントも発生させるため、言及したDOMイベントをトリガーできます。長方形がクリックを受け入れるようにするには、コンストラクタ関数に渡すRectangleOptionsにメンバー：clickableが含まれていることがあります。trueに設定されている場合、長方形にクリックイベントを取り込ませることができます。

地図上に長方形のラベルを置き、innerHTMLのコンテンツを追加するだけの場合は、地図上のポストイットのようにGoogleマップのユーティリティライブラリInfoBoxに興味があります。それはスタイリングの完全な制御を可能にし、イベント処理/伝播を制御するメカニズムを持っています。