google map api v3：画像の代わりにdivを使用してカスタムアイコンを作成できますか？

Question

google map api v3：画像の代わりにdivを使用してカスタムアイコンを作成できますか？

私はフェードfxを使うことができたら、マーカーをホバリングしてアイコンbet bを変更できるようにしたいのですが、どうすればデフォルトのように画像の代わりにdivを設定できますか？

Answer 1

はい、あなたはマーカーの代わりにカスタムオーバーレイを使用することができます。

http://code.google.com/apis/maps/documentation/javascript/overlays.html#CustomOverlays

Answer 2

まず、私はデモ目的websiteを与えます。この質問のために、私はすでにのような答えているいくつかの同様の質問があります発見した

：

は（以下1が理論についてです）

HTML/CSS Markers using Google Maps Javascript API v3

（1を以下は実装についてです最初の答えで）

How to create custom marker for google map

、私が与えていますoverlayViewクラスを拡張してカスタマイズされたアイコンとマーカーを実装する必要がある理由を詳細に理解しています。 2番目の答えでは、カスタマイズされたアイコン/マーカーがどのように見えるかを指定するHTML/CSSの記述方法を公開しました。もちろん、あなたのアイコンやマーカーにJSロジックを追加するイベントハンドラを書くこともできます。

スタックオーバーフロー時に、私はいくつかの興味深い点を見つけました。私が同様の質問を見つけたとき、以前の答えを使って質問に答えることができません。 私がここで答えているのは正確に質問されていますが、1つのコンテンツマネージャーは私の答えを削除します。最後に

使用すると、1つのマーカーを実現するためにoverlayViewクラスを拡張する方法を確認する必要がある場合は、このsource codeは（コメント//====custom-marker management startsの下に始まる）を参照してください

ありがとうございました。