Javascript 绘制google地图形状标记对象

嗨，我想用谷歌地图标记形状属性创建一个可点击的区域，但我有点难以绘制它并找到合适的坐标来放置它。我有一个大的导入svg，我想它是在这个svg的中心。有什么方法或程序可以让我利用它来看看我到底在干什么？因为此刻我只是盲目地试图通过随机改变坐标来获得中心。或者至少让它成为一种颜色，这样我可以看到它在哪里，因为我改变它。根据api，它遵循w3 AREA coords规范，但老实说，我还是不太明白

var iconUrl = "data:image/svg+xml;charset=utf-8," + escape(document.getElementById("builtMarker").innerHTML);
    var sizeX = 200;
    var sizeY = 200;
    var icon = {
        url: iconUrl,
        scaledSize: new google.maps.Size(sizeX, sizeY),

        anchor: new google.maps.Point(sizeX / 2, sizeY / 2)
    };
var marker = new google.maps.Marker({        
        position: myLatLng,
        map: map,
        draggable: false,
        icon: icon,           
        shape: { 
            type: 'circle',
            coords: [184, 200, 60],
         } 

    });

---

所以本质上我想知道这些人是如何知道在什么地方以及如何使形状位于正确的位置的，所以这个问题的答案是谷歌地图的形状是根据这个原理工作的，所以如果你走到底部，你可以看到坐标的定义，比如一个圆，它被定义为x，y，半径

好的，这个问题的答案是谷歌地图形状是根据这个原理工作的，所以如果你走到底部，你可以看到坐标的定义，例如一个圆，它被定义为x，y，半径