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

时间:2015-11-19 07:04:49

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

嗨所以即时尝试使用谷歌地图标记形状属性制作一个可点击区域,但我正在努力绘制它并找到合适的坐标来放置它。我有一个大的进口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

1 个答案:

答案 0 :(得分:0)

好的,所以这个特定问题的答案是谷歌地图形状按照这个answer工作,所以如果你到底部你可以看到坐标被定义为什么,例如它得到一个圆圈定义为x,y,radius