Question

我正在尝试使用从数据库收集的大量飞行路径创建地图。我使用的方法可能会有所改进：

var flightPlanCoordinates1 = [ 
new google.maps.LatLng(53.63384159955519, 10.005816800985485), 
new google.maps.LatLng(40.689837457540044, -74.17809198377654) 
];
var flightPath1 = new google.maps.Polyline({ 
path: flightPlanCoordinates1, 
geodesic: true, 
strokeColor: '#FF0000',
strokeOpacity: 1.0, 
strokeWeight: 2 
});
flightPath1.setMap(map);
...

上面将反复循环显示从数据库收集的所有路线。

所以我的问题是，如果可以简化这一点，那么所有上述内容都不必循环，只有坐标。

我在想的是“flightPlanCoordinates1”的“休息”功能，为每条路线打破，将是一个很好的解决方案。

感谢任何帮助

Answer 1

首先，定义折线选项：

var pathOptions = { 
    geodesic: true, 
    strokeColor: '#FF0000',
    strokeOpacity: 1.0, 
    strokeWeight: 2 
};

然后在循环中，您可以使用以下选项创建折线：

var path = new google.maps.Polyline(pathOptions);

然后获取起点和终点（其中start_lat / lng end_lat / lng是你的坐标）：

var start_point = new google.maps.LatLng(start_lat, start_lng);
var end_point = new google.maps.LatLng(end_lat, end_lng);

然后将其应用于折线并在地图上设置：

path.getPath().setAt(0, start_point);
path.getPath().setAt(1, end_point);

path.setMap(map);

你明白了吗？

谷歌地图飞行路径

1 个答案: