Javascript 如何在JS中的Google地图上的标记上方添加文本？

我找到了Java，但我想在JS中这样做。那么，如何在JS中的Google Maps上的标记上方添加文本呢？

我认为标准库中没有包含您要查找的内容。谷歌确实提供了这个有趣的功能，所以你可以制作自己的标记和标签。您想要的是MarkerWithLable类。从链接：

此类的行为类似于

google.maps.Marker

，但它支持 标签与标记的关联。如果标记是可拖动的， 标签也将如此。此外，带有标签的标记会响应 以与常规标记相同的方式显示所有鼠标事件。它也 按常规方式激发鼠标事件和“属性更改”事件 马克会的

---

看起来它的使用方式与标准Marker类大致相同，而且似乎有大量的使用示例，祝您好运，我希望这会有所帮助：）

我附带了一个快速实现。请确保用您的API_密钥替换我的API_密钥，因为我只允许访问堆栈片段url

此代码段创建了一个信息窗口。在本例中，infowindow在创建后立即被调用，以在标记上方显示其内容

#地图{
高度：400px；
宽度：100%；
}
我的谷歌地图演示
函数initMap（）{
var uluru={lat:-25.363，液化天然气：131.044}；
var map=new google.maps.map（document.getElementById（'map'）{
缩放：4，
中心：乌卢鲁
});
var infowindow=new google.maps.infowindow({
内容：“欢迎来到stackoverflow！”
});
var marker=new google.maps.marker({
职位：乌卢鲁，
地图：地图
});
信息窗口。打开（地图、标记）；
}

如我在评论中所述，地图标记标签可以使用多个字母

如果在实例化

新的google.maps.Marker

类时使用

label

属性，则会向其传递一个对象，其中包含一个属性

text

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(0, 0),
    icon: 'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png',
    label: { color: '#00aaff', fontWeight: 'bold', fontSize: '14px', text: 'Your text here' }
});

---

检查小提琴。

Inb4-此问题考虑添加固定文字作为图例，但我希望在地图上的标记上方有文字。您是否查看了MapMarker API的部分？@G.Hunt-谢谢！这不是我的问题的理想答案，因为标签只是一个字母，但我会考虑在没有更好的解决方案的情况下进行跟踪：它们不是1个字母，我以前已经使用过，实际上你可以在标记标签中使用多个字母。哦，对不起，我没有注意到：在你的示例代码中没有对标签的解释。与问题无关。