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,这样我就可以从我这边复制这个吗?