绘制谷歌地图形状标记对象答案

【问题标题】：drawing a google map shape marker object绘制谷歌地图形状标记对象
【发布时间】：2016-02-21 04:53:39
【问题描述】：

嗨所以我试图用谷歌地图标记形状属性制作一个可点击的区域，但我有点挣扎绘制它并找到合适的坐标来放置它。我有一个很大的进口 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],
         } 

    });

所以本质上我想知道这些家伙是如何弄清楚在哪里以及如何使形状处于正确的位置fiddle

【问题讨论】：

标签： javascript google-maps-api-3 svg coordinates google-maps-markers

【解决方案1】：

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

【讨论】：