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

Question

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

是否可以像此屏幕截图所示为标记添加标签？

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

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

Answer 1

当您使用自定义标记时，这是可能的。 Google's documentation 说：

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

请参阅基于 Google 示例的 this working 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"
     }
  });

编辑

要为标签添加文本轮廓，请参阅 answer 以获取基于它的相关线程 How to display a label next to a Marker for Google Maps? 和 this jsfiddle。

希望这会有所帮助。