Googleマップの周りに灰色の「フレーム」(下の写真を参照)を作成して、ポイント(通常はマーカーで表される)とは対照的に、焦点領域の概念を伝えようとしています。これはオーバーレイではないことに注意してください。つまり、地図をドラッグしてもグレーの「フレーム」は移動しません。
編集:画像リンクを追加
GControl を「サブクラス化」してカスタム コントロールを作成することが唯一のオプションのようです。3つの質問があります
1) まず第一に、GControl のサブクラス化は最善の方法ですか?
2) 私の例では、マップがレンダリングされるキャンバス (div) はサイズを変更できます (つまり、固定幅ではありません)。キャンバスのサイズが変更された場合、カスタム コントロールを削除して追加する必要がありますか? カスタム マップ コントロールの作成方法については、ドキュメントhttp://code.google.com/apis/maps/documentation/controls.html#Custom_Controlsをご覧ください。
3)さて、どうしよう。単純に、3 列 3 行のテーブルを作成し、中央のセルに display: none を設定できると考えました。しかし、それはうまくいきません。クリッピングも試しましたが、うまくいきませんでした。私のCSSスキルはかなり不足しているので、4つの長方形の灰色のdivを追加するよりもエレガントにこれを行う方法があるに違いありません. 内側の境界線を div で追加したい場合は、8 をペイントする必要があります。一言で言えば、「中空」の長方形を作成する最良の方法は何ですか?
ありがとう PS これは StackOverflow への私の最初のエントリです。ちょうどそれを発見しました。SOがうまくまとめられているのは印象的です。