1

私はあなたが場所を入力することができるこのフォームを持っています、そしてそれは(グーグルがそれを見つけることができるならば)地図上にマーカーとして示されます。基本的に、フォームにマーカーが埋め込まれたGoogleマップがあります。マップは入力フィールドで囲まれています。

フォームフィールドをタブで移動すると、マップ内の特定のポイントで要素がフォーカスされます。フォーカス可能な要素の1つは、マーカー画像で使用されるarea要素です。mapChrome22とFirefox15では、領域のデフォルトのフォーカススタイルが表示されません。それは私を悩ませたので、私はいくつかのスタイリングを追加しようとしました。:focusこれがなくても機能しません:

area { outline: 2px solid red; }

焦点を絞ったGoogleマップマーカーのスタイルを設定する方法はありますか?


編集:エリアのスタイリングが機能しないため、フォーカスイベントリスナーをエリアにバインドできるかどうかを確認しようとしました。GoogleApiのマーカーで利用できるフォーカスイベントはありません。だから、それは行き止まりです。

(Google Apiを使用せずに)エリアにリスナーを追加しようとすると、マーカーが同期して配置されない、およびGoogleApiで使用可能なコールバックがないという問題が発生します。

フォーカスリスナーを新しい領域に追加するように設定することもできますが、setIntervalそのソリューションはあまり好きではありません。

他に何かアイデアはありますか?

4

2 に答える 2

0

今のところ私は言うでしょう:いいえ

CSSのサポートはなく、たとえばフォーカスのマーカーアイコンを変更するためのGoogle APIのサポートもありません(マーカーにはフォーカスイベントがないため)。

于 2012-10-10T15:38:33.870 に答える
-2

マップはiframeに存在するため、外部のcssの影響を受けることはないと思います。

于 2012-10-02T14:43:13.893 に答える