6

マーカーに文字を追加してから、複数のマーカー (正確には 14 個) に文字を追加しようとしています。これまでのところ、これは成功していません。私はコードと Google API の完全な初心者です。

どのコードをどこに追加する必要があるか教えていただけますか?

以下は私のコードです:

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=....
  type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
  if (GBrowserIsCompatible()) {

    var map = new GMap2(document.getElementById("map"));
    map.addControl(new GMapTypeControl());
    map.addControl(new GLargeMapControl());
    map.addControl(new GOverviewMapControl());
    map.addControl(new GScaleControl());


    var bounds = map.getBounds();
    var southWest = bounds.getSouthWest();
    var northEast = bounds.getNorthEast();
    var lngSpan = northEast.lng() - southWest.lng();
    var latSpan = northEast.lat() - southWest.lat();
    for (var i = 0; i < 10; i++) {
    var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
        southWest.lng() + lngSpan * Math.random());
    map.addOverlay(new GMarker(point));

    var point = new GLatLng(lat,ling);
    map.setCenter(point, 10);
    var marker = new GMarker(point);
    map.addOverlay(marker);

}

   GEvent.addListener(map, "moveend", function() {
   var center = map.getCenter();
   document.getElementById("message").innerHTML = center.toString();
   });



    map.setCenter(new GLatLng(lat,ling), 7);

  }
}
//]]>
</script>
<style type="text/css">

会場の場所

ありがとう

4

4 に答える 4

12

アルファベットでマーカーを追加するコードは次のとおりです。すべてのマーカーに対してループを実行します。インデックスは各マーカーの位置です

let letter = String.fromCharCode("A".charCodeAt(0) + index),
marker = new google.maps.Marker({
    map: this.map,
    position: latLongObj,
    icon: "http://maps.google.com/mapfiles/marker" + letter + ".png",
    animation: google.maps.Animation.DROP
});

マップマーカーアイコン一覧はこちら

于 2013-10-23T11:01:38.677 に答える
10

Charts API を使用してマーカーを生成します。

http://code.google.com/apis/chart/docs/gallery/dynamic_icons.html#pins

于 2010-10-11T15:23:21.357 に答える
8

マーカー自体を変更しようとしている場合は、 http: //googlemapsmarkers.comを参照してください。マーカーにURLを使用する場合は、マーカーの外観を指定できます。

http://googlemapsmarkers.com/v1/A/ff00ff/

于 2010-09-30T15:53:07.373 に答える