时间戳

首页 > 解决方案 > 在谷歌地图javascript api中的两个特定标记上放置标签

javascript - 在谷歌地图javascript api中的两个特定标记上放置标签

问题描述

我即将完成我的项目只是一些小事要做，如果有人能帮助我解决这个问题，我将不胜感激。我想将标记标签“A”和“B”放在第一个和最后一个标记上，但我不知道该怎么做，我尝试了一些解决方案，但没有用。这是我的代码片段，没有复杂性。

var dataModel;
var line = [];

polyline = new google.maps.Polyline({
                path: Coordinates,
                geodesic: true,
                strokeColor: '#00cccc'
            )};


 line.push(polyline);

            for (i = 0; i < line.length; i++) {
                line[i].setMap(null); //or line[i].setVisible(false);
            }

            for (var j = 0; j < Markers.length; j++) {
                Markers[j].setMap(null);
            }

            Markers = [];           

$.each(marker, function (index, value) {
                marker = new google.maps.Marker({
                    position: new google.maps.LatLng(value.Latitude, value.Longitude),
                    map: map 
                });

                Markers.push(marker);
            });

这是我所做的照片，只想在第一个标记上放一个“A”标签，在第二个标记上放一个“B”。.imgur.com/Jkxcc.jpg

标签： javascriptgoogle-mapsmarker

解决方案

您可以使用MarkerLabel 接口

创建标记时，您必须按以下方式添加标签：

var markerA = new google.maps.Marker({
      position: {lat: -25.361, lng: 132.959},
      map: map,
      label: {
        text: 'A'
      }
    });

您可以查看标记标签示例以获取完整示例

根据您的要求，您需要在迭代时为第一个标记添加“A”，为第二个标记添加“B”dataModel

推荐阅读