Question

我使用了https://developers.google.com/maps/documentation/javascript/examples/polyline-simple处的Google Map API Polyline示例来开发地图。

现在，我需要在地图中每行指示目标名称的行的末尾放置大约8个字符的文本。是否有捷径可寻？我希望看到有人将文本添加到上述示例的端点。

Answer 1

var marker = new google.maps.Marker({
   position: location,//{lat: xxx, lng: xxx}
   label: "88888888",//your text
   map: map//your map instance
});

只需添加文本标签即可。

我已经举例了codesandbox

Answer 2

第一个答案是一个好的开始，但是它在行的每一行都放置了标记，而我只希望最终的目的地有一个带有标签的标记。还不清楚如何在每行上放置不同的文本。

我使用了以下代码（添加了Marker2等：我在以下位置发布了一个示例：https://www.qsomap.org/QSOmapProduction/polytest.htm

    var marker1= new MarkerWithLabel({
    position: new google.maps.LatLng(37.999490,-87.400400),
    labelContent: "N9AAA",
    labelAnchor: new google.maps.Point(22, 0),
    labelClass: "labels",
    labelStyle: {opacity: 1.00},
    labelVisible: true,
    icon: '/images/red-dot.png',
    map: map,
    title: 'N9AAA'
    });

如何使用标签创建Google Map API折线地图

2 个答案: