创建多边形时使用MVC数组

时间:2013-05-30 10:54:40

标签: javascript google-maps

我正在尝试使用二维点阵列来创建一个使用Google maps api的多边形。这是我的代码:

console.log(points)
mvc = new google.maps.MVCArray(points)
console.log(mvc.getArray())
console.log(mvc)

poly = new google.maps.Polygon({
        paths: mvc,
        strokeWeight: 2
    });

//poly.setPaths(new google.maps.MVCArray(points));    

这是控制台输出的样子

[[44.465332670616895, 26.143829190988], [44.466098355169805, 26.1465114000029], [44.4652867292244, 26.1474555375761], [44.4646435459323, 26.1463826539702], [44.4643066375701, 26.145588720101802]]

[[44.465332670616895, 26.143829190988], [44.466098355169805, 26.1465114000029], [44.4652867292244, 26.1474555375761], [44.4646435459323, 26.1463826539702], [44.4643066375701, 26.145588720101802]]

mg { b=[5], gm_accessors_={...}, length=5, more...}

这个错误:

Invalid value for constructor parameter 0: [object Object]

对于我尝试使用MVC数组创建多边形的行,或将其指定为多边形路径。

现在我做错了什么?

1 个答案:

答案 0 :(得分:2)

分配给多边形路径的数组的项目应该是LatLng对象,您必须先转换值:

for(var i=0; i < points.length; ++i){
     points[i] = new google.maps.LatLng(Number(points[i][0]),
                                        Number(points[i][1]));
}