javascript - 将标签添加到外观和感觉都像地方的自定义标记

Question

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

是否可以如屏幕截图所示向标记添加标签？

Marker 文档似乎允许这样做，但是呈现的标签与其他标记和标签相撞/重叠(我认为该属性旨在标记标记本身('A'、'B'、'C'、等等)。)

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

Answer 1

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

If you are using a label with a custom marker, you can position the label with the labelOrigin property in the Icon object.

参见 this working jsbin基于 Google 的示例进行演示和指导。相关代码如下:

  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基于它。

希望这对您有所帮助。