質問

さまざまな種類のデバイスを表示するマップを作成しています。私のWebアプリケーションを通して、各デバイスタイプには独自のアイコンがあります。これらはすべてFontawesomeグラフィックスを使用して行われます。私はそれらをすべてスクリーンキャップして必要に応じてそれらをきれいに拡大する能力を失うことなく、マップの「アイコン」を一致させたいと思います。

以下の文書の例のように、カスタムイメージを使用することは非常に簡単ですが、代わりにいくつかのHTMLを使用できるかどうかを知っていますか?

  marker:{
    values:[
      {latLng:[48.8620722, 2.352047], data:"Paris !"},
      {address:varAddress1, data:varData1},
      {address:varAddress2, data:varData2, options:{icon: "http://maps.google.com/mapfiles/marker_green.png"}}
    ],
  ...
.

更新:述べた可能な重複は、Font-Awesome SVGからアイコンを抽出するためにPHPを使用します。これは非常に制限的です。可能であればHTML要素を本当に使用できるようになりたいです。

役に立ちましたか?

解決 2

Googleからの「RichMarkers」は、はるかに優れたソリューションです。

http:// google-maps-utility-library-v3.googlecode.com/svn/trunk/richmarker/

他のヒント

これは著しく簡単です!次のことを可能にする「オーバーレイ」に「マーカー」を置き換えます。

    overlay:{
        values: [
            { latLng: [38.55240, -90.41710], data: "PRINTER01", options: { content: "<div>Whatever you want here!</div>" }  },
            { address: "1234 E. Main Street, Springfield USA", data: "SERVER01", options: { content: "<div><i class='icon-reorder'></i></div>" } }
        ],
.

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top