Google Maps многоцветные несколько полилиний странного поведение

Question

Пожалуйста, смотрите фрагмент кода ниже:

Sample Html

Есть два полилиний определены. Они отображаются в порядке, но оба отображаются с желтым цветом (даже первый один является определить с красным цветом.

Если я переключатель порядок определения переменных

вар маршрут =

вар маршрут =

к:

вар маршрут =

вар маршрут =

маршрутов будут отображаться в порядке (желтый и красный)

Может кто-то expalin мне, что делает разницу здесь? Почему заказ важен?

У меня есть автоматизированный процесс, который создает 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 
    }); 
}