我希望在 Gmap 上显示"n"个司机的路线(每个司机一条路线)。这是动态驱动程序的案例



目前,我可以在单个 Gmap 上分别显示 3 个驱动程序的 3 条路线(每个路由一个(。 现在,我想在Gmap上显示"n"个司机的路线(每个司机一条路线(。这是一个动态驱动程序的案例。我可以从数据库获取我需要在单个地图上显示的"n"个驱动程序的数据。

我的代码如下,适用于单个司机,请帮助我动态处理路线:

var lat_lng1 = [];
var latlngbounds1 = "";                    
lat_lng1 = new Array();
var value1 = markers1.length;
//Intialize the Path Array
var path1 = new google.maps.MVCArray();
//Intialize the Direction Service
var service1 = new google.maps.DirectionsService();
var lineSymbol1 = { path1: google.maps.SymbolPath.CIRCLE };
//Set the Path Stroke Color
for (i = 0; i < markers1.length; i++) {
var data1 = markers1[i]
var myLatlng1 = new google.maps.LatLng(data1.lat, data1.lng);
lat_lng1.push(myLatlng1);
var marker1 = new google.maps.Marker({position: myLatlng1,map: map,icon: icon1});
(function (marker1, data1) {
// Attaching a click event to the current marker
google.maps.event.addListener(marker1, "click", function (e) {
if (i == 0){
infoWindow.setContent(data1.Person);infoWindow.open(map, marker1);}
if(i=(markers2.length -1)){
infoWindow.setContent(data1.Person);infoWindow.open(map, marker1);}
else{
infoWindow.setContent(data1.Title);
infoWindow.open(map, marker1);}
});
})(marker1, data1);
}

poly = new google.maps.Polyline({
// path: lineCoordinates,
strokeColor: '#BC456F',
icons: [{
icon: {
path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,strokeColor: '#009900',fillColor: '#009900',fillOpacity: 1},
repeat: '100px',
path1: []
}],
map: map
});

好吧,第二天我通过驱动程序 ID 调用 ajax 循环解决了这个问题

最新更新