使用API​​ v3繪製多個編碼多段線

Question

我有一組編碼多段線，從方向服務的結果中檢索，我已經將它們存儲在一個php數組中。

通過下面的代碼，我可以添加一條折線。如何修改它以同時添加多條多段線？

var code = '_mjsB{qp{LvAe@xImCjGgBf@St@Qf@Un@e@Hm@Pc@VW^MhAc@`B{@lAw@zCyA`@KvEyB`Ao@PQNK'; 

var paths = google.maps.geometry.encoding.decodePath(code); 

var flightPath = new google.maps.Polyline({ 
    path:pathss, 
    strokeColor: "#0000FF", 
    strokeOpacity: 1.0, 
    strokeWeight: 2 
}); flightPath.setMap(map); 

Answer 1

你希望所有的折線具有相同的造型，還是需要針對不同的折線不同的風格？讓我們假設他們現在是一樣的;讓我知道他們是否需要改變，我們可以調整代碼。

首先，編寫PHP代碼以生成編碼路徑的JavaScript數組。我會讓你理清這個部分。

然後，使用JavaScript編寫一個簡單的循環來解碼每個路徑，並將其添加到地圖：

// These are the encoded paths generated from PHP 
var encodedFlightPaths = [ 
    '...first-path...', 
    '...second-path...', 
    '...third-path...' 
]; 

addEncodedPaths(encodedFlightPaths); 

function addEncodedPaths(encodedPaths) { 
    for(var i = 0, n = encodedPaths.length; i < n; i++) { 
     addEncodedPath(encodedPaths[i]); 
    } 
} 

function addEncodedPath(encodedPath) { 
    var path = google.maps.geometry.encoding.decodePath(encodedPath); 

    var polyline = new google.maps.Polyline({ 
     path: path, 
     strokeColor: "#0000FF", 
     strokeOpacity: 1.0, 
     strokeWeight: 2 
    }); 
    polyline.setMap(map); 
}