使用 Google 地图绘制 svg 圆圈

Question

我正在开发一个网站，想要使用绘制一些圆圈来表示 Google 地图上的兴趣点，但尚未找到在地图上绘制正确的 SVG 圆圈元素的方法。

谷歌文档概述了一个圆形元素，但它们渲染为多边形而不是圆形（看看圆形的边界，你会发现它们有一个奇怪的多边形适合粗略的圆形形状，而不是原始的 svg:circle 元素）。

r是否可以使用半径属性等绘制真正的 SVG 圆？任何指示都会非常有帮助！

Answer 1

这感觉有点笨拙，但显然可以在 SVG 中徒手绘制一个圆，然后将该绘制的元素作为标记传递到地图：

var icon = {
    path: 'M-20,0a20,20 0 1,0 40,0a20,20 0 1,0 -40,0',
    fillColor: '#FF0000',
    fillOpacity: .6,
    anchor: new google.maps.Point(0,0),
    strokeWeight: 0,
    scale: 1
}

var marker = new google.maps.Marker({
    position: {lat: 55, lng: 0},
    map: map,
    draggable: false,
    icon: icon
});

通过如何在 Google Maps API v3 中使用 SVG 标记