Javascript Google地图-使用MVC对象填充地图

我在以下url中找到此代码：

目标很简单：用记号笔画一个形状。 可以添加、拖动或删除标记

在我的例子中，我有多个坐标，我想将它们注入MVC对象中，以便在页面加载时绘制形状

在代码中，我们有以下功能：

function addPoint(event) {
    path.insertAt(path.length, event.latLng);
    var marker = new google.maps.Marker({
        position: event.latLng,
        map: map,
        draggable: true
    });
    markers.push(marker);
    marker.setTitle("#" + path.length);

    google.maps.event.addListener(marker, 'click', function() {
        marker.setMap(null);
        for (var i = 0, I = markers.length; i < I && markers[i] != marker; ++i);
        markers.splice(i, 1);
        path.removeAt(i);
    });

    google.maps.event.addListener(marker, 'dragend', function() {
        for (var i = 0, I = markers.length; i < I && markers[i] != marker; ++i);
        path.setAt(i, marker.getPosition());
    });
}

我想象代码的一部分是这样的：

var locations = ['48.87304938, 2.77083992','48.87153217, 2.77080774','48.86765779, 2.77210593']

addPoint(locations[0]);
addPoint(locations[1]);

但不是功能

你有什么想法吗

---

（对不起，我的英语…

addPoint

要求将

latLng

-属性设置为

google.maps.latLng（）

的对象作为参数，但您提供了一个字符串

可能的办法：

var locations = ['48.87304938, 2.77083992',
                 '48.87153217, 2.77080774',
                 '48.86765779, 2.77210593'];

//iterate over the items
for(var i=0;i<locations.length;++i){
  //split the item to separate latitude and longitude
  var point=locations[i].split(',');
  //call the function
  addPoint({latLng:new google.maps.LatLng(point[0],point[1])});

}

var位置=['48.87304938,2.77083992'，
'48.87153217, 2.77080774',
'48.86765779, 2.77210593'];
//对项目进行迭代
对于（var i=0；i