Google지도에서 배열의 명명 된 항목 사이에 줄을 그립니다.

Question

나는 자바 스크립트 멍청한 놈입니다.

나는 그것을 여러 도시와 배열을 만든 :

var cities = [ 
    ['City 1', 59.326294118560725, 17.98754555000005], 
    ['City 2', 57.70231523439743, 11.893682500000068], 
    ['City 3', 62.39591678065696, 17.292328450000014], 
    ['City 4', 59.89396160257896, 10.785116549999998], 
    ['City 5', 57.10938174202619, 12.25817589999997] 
    ]; 

내가 이름으로 두 개 이상의 도시를 선택하고 그들 사이에 선을 그릴 수 있어야합니다. 내 배열에서 도시 또는 두 가지를 선택하고, 참고로 도시의 이름을 사용할 수 있도록

이

var route = new google.maps.Polyline({ 
    path: something 
    strokeColor: "#FF0000", 
    strokeOpacity: 0.8, 
    strokeWeight: 2, 
    map: map 
}); 

어떻게 수정합니까 :

는이 코드를 발견?

Answer 1

var cities = [ 
    ['City 1', 59.326294118560725, 17.98754555000005], 
    ['City 2', 57.70231523439743, 11.893682500000068], 
    ['City 3', 62.39591678065696, 17.292328450000014], 
    ['City 4', 59.89396160257896, 10.785116549999998], 
    ['City 5', 57.10938174202619, 12.25817589999997] 
    ]; 

var something = []; 
for (var i=0; i<cities.length; i++) { 
    if ((firstCity == cities[i][0]) || (secondCity == cities[i][0])) { 
    // assume coordinates are Latitude, Longitude 
    something.push(new google.maps.LatLng(cities[i][1],cities[i][2])); 
    } 
} 
var route = new google.maps.Polyline({ 
    path: something, 
    strokeColor: "#FF0000", 
    strokeOpacity: 0.8, 
    strokeWeight: 2, 
    map: map 
}); 

working example with all the points

working example with 2 cities from the array