1

私は Google Maps API を初めて使用し、マーカーをカスタマイズする方法を探していました。提供された API ではアイコンを変更することしかできませんが、実際に必要なのは HTML コンテンツをマーカーに渡すことです。数値などのデータをマーカーに渡したいのですが、ユーザーがマーカーをクリックすると、infoWindow 内に詳細が表示されます。（このウェブサイトのようなもの）

最初は、Instagram Photo Map のようなものだと思っていました。地域内の写真をまとめたものです。しかし、それは範囲内のマーカーの総数を単純にカウントする markerClusterer に似ていることに気付きました (間違っていたら訂正してください)。

カスタマイズされたデータをマーカーに表示する方法はまだ見つかりませんでした。デフォルトの API が利用できない場合に使用できるプラグインはありますか?

PS初めて質問を投稿します。明確であることを願っています! あなたの助けに非常に感謝します!!!!

4

2 に答える 2

1

基本的に、リンクされたマップに表示されるものは実際のものではなくgoogle.maps.Markers、カスタム オーバーレイが表示されます。カスタム オーバーレイを使用すると、これらのラベルなど、マップ上に任意の HTML コンテンツを描画できます。

組み込みメソッドを使用してこれらのオーバーレイを描画するか、 infoboxのようなライブラリを使用できます。

于 2013-02-06T13:31:19.293 に答える
0

styledmarkerライブラリを使用してマーカーをカスタマイズできます。このライブラリは、色や形の変更、テキストラベルの追加など、さまざまな方法でスタイルを設定できるマーカーを作成するために使用されます。以下は、このライブラリをXMLで使用する方法の例です。

for (var i = 0; i < markers.length; i++) {  
      var text = markers[i].getAttribute("text");
      var point = new google.maps.LatLng(
          parseFloat(markers[i].getAttribute("lat")),
          parseFloat(markers[i].getAttribute("lng")));
     var styleMaker = new StyledMarker({styleIcon:new StyledIcon(StyledIconTypes.MARKER,{color:"00ff00",text:text}),position:myLatLng,map:map});

}

XMLを使用して米国の重心と都市を示す2つのテーブルのデータベースでこれを使用するデモがあります。マーカーは、州と州内の都市の数を示します。

于 2013-02-06T18:16:50.190 に答える