如何从 Google Maps MVCArray 中获取内容？

Question

我正在使用 google.maps.polygons. The library uses a google.maps.MVCArray 元素来存储多边形的顶点，其中每个顶点都包含一个纬度和经度变量。因此，我能够使用用户鼠标点击即时创建精美的多边形。

var listener1 = google.maps.event.addListener(map, "click", function(e) {
    var latLng = e.latLng;
    var myMvcArray = new google.maps.MVCArray();
    myMvcArray.push(latLng); // First Point
    var myPolygon = new google.maps.Polygon({
        map: map,
        paths: myMvcArray, // one time registration reqd only
        strokeColor: "#FF0000",
        strokeOpacity: 1.0,
        strokeWeight: 2,
        fillColor: "#FF0000",
        fillOpacity: 0.10,
        editable: true,
        draggable: false,
        clickable: true
    });
    google.maps.event.removeListener(listener1);

    var listener2 = google.maps.event.addListener(map, 'click', function(e) {
        latLng = e.latLng;
        myMvcArray.push(latLng);
        console.log(myMvcArray.getArray());
    });
});

我的问题是，控制台日志结果难以理解。我花了几个小时试图弄清楚如何从 myMvcArray 获取干净的数据。我需要在别处使用这些数据。

Answer 1

所以原来的诀窍是这样的：

console.log(myMvcArray.getArray()[0].lat(), myMvcArray.getArray()[0].lng() );

哪个returns：XX.XX2157415679654 -XXX.XX782657623291

For/Each 循环也可以。

myMvcArray.getArray().forEach(function(value, index, array_x) {
    console.log(" index: " + index + "    value: " + value);
})

哪个returns：

index: 0    value: (XX.XX2157415679654, -XXX.XX782657623291)
index: 1    value: (XX.XX209255908967, -XXX.XX77514743805)

提供的信息以防其他人在这里遇到问题。还要注意，上面的代码非常适合让用户轻松地在地图上定义 google.maps.polygon。

Answer 2

您可以使用JSON.stringify()

所以你的代码是

console.log(JSON.stringify(myMvcArray.getArray()))

这是可行的，因为 stringify 调用 MVCArray 上的方法来获取内容，而 log 则不会。

如何从 Google Maps MVCArray 中获取内容？

How can I get content out of Google Maps MVCArray?

google-maps

polygon

google-maps-api-3