javascript - 为外观和感觉像地点的自定义标记添加标签

Question

我正在使用new google.maps.Marker()JavaScript API 方法向我的地图添加自定义标记，以映射自定义位置列表。

是否可以将标签添加到此屏幕截图中显示的标记？

Marker 文档似乎允许这样做，但是渲染的标签与其他标记和标签运行/重叠（我认为该属性旨在标记标记本身（“A”、“B”、“C”等）。 )

这是我所说的“标签与其他标记和标签重叠”的示例：

标签： javascriptgoogle-maps

Answer 1

当您使用自定义标记时，这是可能的。谷歌的文档说：

如果您正在使用带有自定义标记的标签，则可以 使用对象中label的labelOrigin属性定位Icon。

请参阅此基于 Google 示例的工作 jsbin以进行演示和指导。相关代码如下：

  var image = {
    // here's the labelOrigin
    labelOrigin: new google.maps.Point(70, 10)
  };

  var marker = new google.maps.Marker({
     // set the marker's icon to the above image
     icon: image,
     // set a label
     label: {
       color: "black",
       text: "label text here"
     }
  });

编辑

要将文本大纲添加到标签，请参阅相关线程的答案如何在 Google 地图的标记旁边显示标签？这个jsfiddle基于它。

希望这可以帮助。