时间戳

首页 > 解决方案 > Google Maps API 原生标签格式

javascript - Google Maps API 原生标签格式

问题描述

使用当前的 Google Maps API (v3)，在地图上放置标签的最简单方法是 Google Maps 标签放置的方式？

像这样：

谷歌

如果可能的话，我不想使用额外的库——当然，Google API 本身就支持他们在 Google 地图上随处使用的那种标签。如果我使用如下代码，它看起来就不那么好了；文本不在标记针旁边，也没有用白色勾勒出它的轮廓，等等。

var marker = new google.maps.Marker({
     position: {lat: 99.9, lng: 111.1},
     label: {color: '#000000', fontWeight: 'bold', fontSize: '12px', text: 'Label here'},
     map: map
});

样本

我确信这是一件快速而简单的事情，但我在 Google 的 API 文档中找不到它......

这是一个旁白，但如果任何谷歌员工看到这一点，为什么这里的文档中没有“标签”类别：https ://developers.google.com/maps/documentation/javascript/overview

标签： javascriptgoogle-mapslabel

解决方案

Google 的原生 JS Maps API 目前似乎不支持这样的标签。

使用 RichMarker，我能够为我的目的获得足够相似的结果。（https://github.com/googlearchive/js-rich-marker）

推荐阅读