私はあなたが場所を入力することができるこのフォームを持っています、そしてそれは(グーグルがそれを見つけることができるならば)地図上にマーカーとして示されます。基本的に、フォームにマーカーが埋め込まれたGoogleマップがあります。マップは入力フィールドで囲まれています。
フォームフィールドをタブで移動すると、マップ内の特定のポイントで要素がフォーカスされます。フォーカス可能な要素の1つは、マーカー画像で使用されるarea
要素です。map
Chrome22とFirefox15では、領域のデフォルトのフォーカススタイルが表示されません。それは私を悩ませたので、私はいくつかのスタイリングを追加しようとしました。:focus
これがなくても機能しません:
area { outline: 2px solid red; }
焦点を絞ったGoogleマップマーカーのスタイルを設定する方法はありますか?
編集:エリアのスタイリングが機能しないため、フォーカスイベントリスナーをエリアにバインドできるかどうかを確認しようとしました。GoogleApiのマーカーで利用できるフォーカスイベントはありません。だから、それは行き止まりです。
(Google Apiを使用せずに)エリアにリスナーを追加しようとすると、マーカーが同期して配置されない、およびGoogleApiで使用可能なコールバックがないという問題が発生します。
フォーカスリスナーを新しい領域に追加するように設定することもできますが、setInterval
そのソリューションはあまり好きではありません。
他に何かアイデアはありますか?