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

【问题标题】：How to create a Google Map API Polyline map with labels如何使用标签创建 Google Map API 折线地图
【发布时间】：2019-11-16 12:52:13
【问题描述】：

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

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

【问题讨论】：

标签： api dictionary polyline

【解决方案1】：

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

只需添加文本标签即可。

我做了一个例子codesandbox

【讨论】：

【解决方案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'
    });

【讨论】：