javascript - 谷歌地图 API : Adding letters to my markers on my google map

标签 javascript google-maps google-maps-markers label

我正在尝试向我的标记添加一个字母,然后有多个带有字母的标记(准确地说是 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">

field 位置

谢谢

最佳答案

这是添加字母标记的代码。对所有标记运行循环,索引是每个标记位置

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
});

Here is the list of map marker icons

关于javascript - 谷歌地图 API : Adding letters to my markers on my google map,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3440137/

相关文章:

javascript - Google map 地标不会取代旧地标

javascript - 如何在文本框中输入后显示引脚

javascript - 检测覆盖是否包含标记对象。 Google Maps API V3,绘图库

javascript - 谷歌地图spiderfy功能——同一点有多个标记

php - 如何能够显示标记的地名而不是从mysql数据库检索的经度、纬度?

Javascript - 谨慎使用闭包?

javascript - 如何使用 gatsby-image 在不裁剪的情况下显示图像?

javascript - 为什么不推荐使用 String.prototype.substr()?

javascript - 如何将模型映射到 knockout

google-maps - 我们可以在 Flutter 的 Google map 上显示一些动态文本和标记吗?