Question

请参阅下面的代码：

Sample Html

定义了两条折线。它们显示正常，但两者都以黄色显示（即使第一个用红色定义。

如果我切换变量的定义顺序

var route 1 =

var route 2 =

为：

var route 2 =

var route 1 =

路线将正常显示（黄色和红色）

有人可以告诉我这里有什么不同吗？为什么订单很重要？

我有一个自动创建html代码的过程，需要了解这种行为的原因。

非常感谢!!!

Answer 1

我无法打开您的链接，但我认为您可以在此处找到答案：Drawing multiple polyline with different color using Google map api V3 ASP.net

引用最佳答案：

当然可以。例如，假设您知道每条线要使用哪种颜色，那么假设您有一个颜色数组，其长度等于DrivePath.length - 1.

var Colors = [
    "#FF0000", 
    "#00FF00", 
    "#0000FF", 
    "#FFFFFF", 
    "#000000", 
    "#FFFF00", 
    "#00FFFF", 
    "#FF00FF"
];

现在，不是绘制一条折线，而是为每个坐标绘制一条单独的折线。

for (var i = 0; i < DrivePath.length-1; i++) {
  var PathStyle = new google.maps.Polyline({
    path: [DrivePath[i], DrivePath[i+1]],
    strokeColor: Colors[i],
    strokeOpacity: 1.0,
    strokeWeight: 2,
    map: map
  });
}

Google Maps Multi color Multi Polyline奇怪的行为

1 个答案: