2016-08-25 17 views
0

私はマーカー上に画像を表示したいと思いますが、この画像にはテキスト(私はアプリケーションのライフサイクル中に動的に変更する必要があります)を配置したいと思います。Google Maps API v3マーカーと画像の上にテキストがありますか?

私はmarkerwithlabelを試みたし、彼らは二つの異なる例、textpictureと1と別のを持っているが、私はこれに似た何かを作成するために2つを組み合わせてみたい:

enter image description here

「Wheeee!」テキストとして指定(および更新可能)する必要があります。

どうすればこの問題を解決できますか?

+0

SVGをアイコンとして使うのはどうですか? – Chiu

+0

@chiuうーん、うまくいくかもしれないと思います。それは簡単だろうか? – Johan

+0

こんにちは、あなたのニーズに合ったSVGライブラリがあると思いますが、私はそれに精通していません。ごめんなさい。 – Chiu

答えて

1

RichMarkerGoogle Maps Api Librariesです。任意のHTMLをマーカーに追加できます(例:here)。 RichMarker.setContent()を使用して、あなたのケースでそう

、(APIリファレンス here)カスタムHTML、のようなもの(大体、あなたの提供絵の例から)追加します。

myMarker.setContent('<div class="callout_bubble"> 
         <i class="some_icon"></i> 
         <span class="inside_text" id="my_marker_X_text">Wheee!</span> 
        </div>'); 

をし、それの任意のスタイルをCSSスタイルを追加あなたは欲しい。また、<span>のIDをmy_marker_X_textとし、jsを使用してテキストを変更することもできます。複数のマーカーを複数のユニークなIDに割り当てたい場合や、マーカーの内容全体を常に変更する場合は、それはあなた次第です。

関連する問題