Javascript 将标签添加到外观和感觉类似于位置的自定义标记

Javascript 将标签添加到外观和感觉类似于位置的自定义标记,javascript,google-maps,Javascript,Google Maps,我正在使用new google.maps.Marker()JavaScript-API方法将自定义标记添加到地图中,以映射位置的自定义列表 是否可以将标签添加到此屏幕截图中所示的标记 Marker文档似乎允许这样做,但呈现的标签与其他标记和标签发生冲突/重叠(我认为该属性用于标记标记本身('A'、'B'、'C'等)。) 下面是我所说的“标签与其他标记和标签重叠”的示例: 当您使用自定义标记时,这是可能的。说: 如果使用带有自定义标记的标签,则可以定位 标签在图标对象中使用labelOrigin

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

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

Marker文档似乎允许这样做,但呈现的标签与其他标记和标签发生冲突/重叠(我认为该属性用于标记标记本身('A'、'B'、'C'等)。)

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


当您使用自定义标记时,这是可能的。说:

如果使用带有自定义标记的标签,则可以定位
标签
图标
对象中使用
labelOrigin
属性

请参见基于谷歌示例的演示和指导。相关代码如下:

  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"
     }
  });
编辑

要将文本轮廓添加到标签,请参见以获取相关线程和基于该线程的文本轮廓


希望这能有所帮助。

我试过了,但是标签相互碰撞,无法添加自定义类来使用while大纲设置文本样式。您能澄清一下标签相互碰撞的含义吗?至于文本大纲,请看我的编辑。谢谢@johnwp。你能发布一个jsfiddle,这样我就可以从我这边复制这个吗?