无法为新多边形重用 polyOptions

Question

我正在使用 Google Maps v3 API，在地图上放置一些多边形。我创建了一个在创建多边形时使用的“polyOptions”对象。

这只能工作一次。对于所有其他多边形，我必须创建另一个相同的“polyOptions”对象。这很好，但有点重复，而且这个网页已经足够大了，不用重复我自己。

我是不是误解了这个 JS 对象的本质？

//Create array for polygons 

var polygons = [];

//first polygon

var myCoordinates = [new google.maps.LatLng(55.81362907119961, -2.054443359375) //long list of coordinates
var polyOptions = {
    path: myCoordinates,
    strokeWeight: 1,
    fillColor: "white",
    fillOpacity: 0.6
}
var poly1= new google.maps.Polygon(polyOptions);
poly1.setMap(map);
polygons.push(poly1);

//second polygon

var myCoordinates = [new google.maps.LatLng(54.94607621987403, -3.16131591796875) // long list of coordinates
var poly2 = new google.maps.Polygon(polyOptions); // doesn't work
poly2.setMap(map);
polygons.push(poly2);

Answer 1

您必须在每一步更新您的 polyOptions 的 path 属性。目前，您的第二个多边形以相同的坐标绘制在第一个多边形上。

// second polygon

// your var myCoordinates is already defined above, now use it by its name
myCoordinates = [new google.maps.LatLng(54.94607621987403, -3.16131591796875) // long list of coordinates
polyOptions.path = myCoordinates; // here you set path to the new value
var poly2 = new google.maps.Polygon(polyOptions); // should work
poly2.setMap(map);
polygons.push(poly2);