我使用以下代码在Google Maps v3 API上生成地图上的圆形:
```javascript var circle = new google.maps.Circle({ map: map, center: myLatLng, radius: 5000 // 单位为米 }); ```
其中`map`是指地图对象,`myLatLng`是指圆心坐标,`radius`是指圆形半径,单位为米。
我想做的是在我的圆形中心放置一个文本标签。我查阅了文档,没有找到简单的方法来实现这一点。我唯一能想到的解决方案是在圆形上覆盖一个标记,并将图标设置为包含所需显示文本标签的透明PNG。然而,这是一个相当不优雅的解决方案,因为我无法准确地偏移图标的位置,使其在任何缩放级别下都显示在圆形的中心(以及其他明显的原因)。有人能提供解决方案吗?我不介意使用第三方库来操作API。我看到了一些针对API v2编写的库,但大多数似乎是针对在标记上添加标签或工具提示,而不是在圆形上。
```javascript var circle = new google.maps.Circle({ map: map, center: myLatLng, radius: 5000 // 单位为米 }); ```
其中`map`是指地图对象,`myLatLng`是指圆心坐标,`radius`是指圆形半径,单位为米。
var postcode_a = new google.maps.Circle({
center: postcode_a_location,
map: map,
radius: 70,
fillColor: "#3da5e1",
fillOpacity: 0.5,
strokeColor: "#2b546b",
strokeWeight: 1
});
我想做的是在我的圆形中心放置一个文本标签。我查阅了文档,没有找到简单的方法来实现这一点。我唯一能想到的解决方案是在圆形上覆盖一个标记,并将图标设置为包含所需显示文本标签的透明PNG。然而,这是一个相当不优雅的解决方案,因为我无法准确地偏移图标的位置,使其在任何缩放级别下都显示在圆形的中心(以及其他明显的原因)。有人能提供解决方案吗?我不介意使用第三方库来操作API。我看到了一些针对API v2编写的库,但大多数似乎是针对在标记上添加标签或工具提示,而不是在圆形上。