Google Maps API:在我的Google地图上为我的标记添加字母

use*_*983 5 javascript google-maps labels google-maps-markers

我正在尝试在我的标记上添加一个字母,然后用字母标记多个标记(14个是准确的).到目前为止,我没有成功.我是代码和谷歌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);
Run Code Online (Sandbox Code Playgroud)

}

   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">
Run Code Online (Sandbox Code Playgroud)

地点位置

谢谢

sri*_*_bb 12

以下是使用字母添加标记的代码.为所有标记运行循环,index是每个标记位置

var 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
});
Run Code Online (Sandbox Code Playgroud)

这是地图标记图标列表


JP.*_*JP. 8

如果您正在尝试更改标记本身,请查看http://googlemapsmarkers.com - 如果您将其网址用于标记,则可以指定标记的外观:

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