Javascript 无法在google maps v3上绘制多段线，但可以将其点绘制为标记（我使用的是OpenStreetMap图层）

以下代码用于使用V3 API在Google Maps上绘制多段线，但有时绘制多段线，大多数情况下不绘制多段线，尽管存在点，因为我可以将地图上的点显示为标记，但不会显示多段线

更新2：我正在谷歌地图上使用openstreetmap图层。这是否会导致绘制多边形时出现问题

w变量包含字符串形式的数据，例如：

w= 35.1212,55.2333\n36.32366,56.3333

w的真实数据示例：[此代码可以为以下点绘制标记，但不能绘制多段线]

34.440501,31.515222
34.441933,31.514346
34.44247,31.514013
34.442603,31.51394
34.443607,31.513423
34.4445,31.512926
34.444762,31.512772
34.445186,31.512523
34.445257,31.512481
34.445311,31.512449
34.445614,31.512264
34.446244,31.511867
34.446939,31.511429
34.447351,31.511193
34.448081,31.512174
34.448241,31.512357
34.448576,31.512741
34.449147,31.513185
34.4499,31.513723
34.450894,31.514401
34.451925,31.515362
34.452905,31.516176
34.454194,31.517266
34.455337,31.518236
34.456215,31.51898
34.456987,31.519646
34.457583,31.520166
34.458298,31.520772
34.458989,31.52139
34.459659,31.521959
34.460476,31.522653
34.461192,31.523228
34.461869,31.523788
34.46256,31.524376
34.463302,31.525015
34.464062,31.525668
34.464433,31.525986
34.464737,31.526246
34.465247,31.526683
34.465498,31.526907
34.466666,31.52792
34.46722,31.528404
34.467327,31.528495
34.468014,31.529081
34.468379,31.52939
34.469296,31.530177
34.469771,31.530583
34.470152,31.53091
34.470951,31.531597
34.471617,31.532172
34.472388,31.532838
34.472664,31.533076
34.47295,31.533397
34.473422,31.533653
34.474028,31.534065
34.474844,31.534629
34.475725,31.535253
34.476083,31.535517
34.476697,31.535947
34.477105,31.536209
34.477627,31.536477
34.478,31.536742
34.478398,31.536989
34.478935,31.537325
34.480044,31.537975
34.480985,31.538529
34.481362,31.53878
34.481416,31.538819
34.482407,31.539419
34.482682,31.539109
34.483132,31.538603
34.483341,31.538368
34.483917,31.537753
34.484202,31.537449
34.484288,31.537357
34.484944,31.536587
34.485118,31.536383
34.485205,31.536304
34.485648,31.535903
34.485984,31.535598
34.486246,31.535381
34.486445,31.535291
34.486533,31.535254
34.486607,31.535282
34.486706,31.535354
34.486869,31.535526
34.487012,31.535692
34.487212,31.535923
34.487273,31.536006
34.487767,31.53571
34.488336,31.535395
34.48883,31.535148
34.489078,31.535032
34.489354,31.534901
34.48955,31.534788
34.489756,31.535011
34.489831,31.535097
34.490268,31.534748
34.49065,31.534473
34.490857,31.53436
34.491044,31.534319
34.491352,31.534248
34.491458,31.534237
34.491548,31.534304
34.491879,31.534209
34.492227,31.534203
34.492457,31.534214
34.492042,31.533636
34.492162,31.533542

注：我在出于某种目的创建点时反转了lng和lat

其中，数组中的点表示为多边形 代码

---

因此，创建一个数组，然后忽略该数组，并使用getPath函数将其重新创建为MVCArray。去掉第一行，这不是问题的原因

var path = [];
var path = mypolyline.getPath();

只是想一想——当您第一次创建多段线时，路径是必需的属性吗

在我看来，您最初创建的mypolyline没有任何路径。因此，当你在第一次迭代中这样做时，它不会起作用，因为你要传递给.setPath的只是一个点，但我假设一条路径只有在至少有2个点时才能起作用

path.push(point);
mypolyline.setPath(path);

更新：我认为应该做的是从一个空数组开始，循环你的坐标，将它们添加到数组中。然后在循环之后，创建多段线，而不是每次迭代循环时尝试更新它。例如：

var a=w.split("\n");

var path = [];

for(var i=0;i<a.length;i++)
{
    var zz=a[i].split(",");
    var lat=zz[0];
    var lng=zz[1];
    var point = new google.maps.LatLng(parseFloat(lng),parseFloat(lat));
    createMarker(i,name,point,icon[1],2);
    path.push(point);
}

var mypolyline = new google.maps.Polyline({
    path: path,
    map: map,
    strokeColor: "#FF0000",
    strokeOpacity: .6,
    strokeWeight: 3,
    clickable: true
});

---

“w”的内容是什么？您可以从createMarker添加代码吗？我不明白你为什么要交换lat和lng——这肯定会导致问题。如果createMarker存在或不存在，它不会影响anything@duncan我已经更新了问题我已经尝试删除路径属性，但是同样的问题！！同样的问题，我想告诉你，我在谷歌地图上使用openstreetmap图层。。

path.push(point);
mypolyline.setPath(path);

var a=w.split("\n");

var path = [];

for(var i=0;i<a.length;i++)
{
    var zz=a[i].split(",");
    var lat=zz[0];
    var lng=zz[1];
    var point = new google.maps.LatLng(parseFloat(lng),parseFloat(lat));
    createMarker(i,name,point,icon[1],2);
    path.push(point);
}

var mypolyline = new google.maps.Polyline({
    path: path,
    map: map,
    strokeColor: "#FF0000",
    strokeOpacity: .6,
    strokeWeight: 3,
    clickable: true
});