Javascript 在谷歌地图中绘制点之间的方向
我们有这样的json var myjson=[ { 经度:17.4266008, 地址:78.5497557, 用户ID:2 }, { 经度:17.4265974, 地址:78.5497276, 用户ID:2 }, { 经度:17.4266509, 地址:78.5496451, 用户ID:2 }, { 经度:17.4266506, 地址:78.5497198, 用户ID:2 }, { 经度:17.4266805, 地址:78.5496888, 用户ID:2 }, { 经度:17.4266805, 地址:78.5496888, 用户ID:2 }, { 经度:17.4266805, 地址:78.5496888, 用户ID:2 }, ]; 我们需要这样 所以我们试着这样做Javascript 在谷歌地图中绘制点之间的方向,javascript,google-maps,cordova,google-maps-api-3,geolocation,Javascript,Google Maps,Cordova,Google Maps Api 3,Geolocation,我们有这样的json var myjson=[ { 经度:17.4266008, 地址:78.5497557, 用户ID:2 }, { 经度:17.4265974, 地址:78.5497276, 用户ID:2 }, { 经度:17.4266509, 地址:78.5496451, 用户ID:2 }, { 经度:17.4266506, 地址:78.5497198, 用户ID:2 }, { 经度:17.4266805, 地址:78.5496888, 用户ID:2 }, { 经度:17.4266805,
var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
function initialize() {
directionsDisplay = new google.maps.DirectionsRenderer();
var chicago = new google.maps.LatLng(41.850033, -87.6500523);
var mapOptions = {
zoom: 6,
center: chicago
}
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
directionsDisplay.setMap(map);
}
function calcRoute() {
var start = document.getElementById('start').value;
var end = document.getElementById('end').value;
var waypts = [];
var checkboxArray = document.getElementById('waypoints');
for (var i = 0; i < checkboxArray.length; i++) {
if (checkboxArray.options[i].selected == true) {
waypts.push({
location:checkboxArray[i].value,
stopover:true});
}
}
var request = {
origin: start,
destination: end,
waypoints: waypts,
optimizeWaypoints: true,
travelMode: google.maps.TravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
var route = response.routes[0];
var summaryPanel = document.getElementById('directions_panel');
summaryPanel.innerHTML = '';
// For each route, display summary information.
for (var i = 0; i < route.legs.length; i++) {
var routeSegment = i + 1;
summaryPanel.innerHTML += '<b>Route Segment: ' + routeSegment + '</b><br>';
summaryPanel.innerHTML += route.legs[i].start_address + ' to ';
summaryPanel.innerHTML += route.legs[i].end_address + '<br>';
summaryPanel.innerHTML += route.legs[i].distance.text + '<br><br>';
}
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
我们只知道在两点之间画线,但我们有json。json中有纬度和经度的数字。我们需要在两点之间画线。请指导我。并告诉我代码中的错误。在按钮操作中调用calcRoute方法,而不是从DOM中读取航路点,而是从阵列中读取它们。差不多
function calcRoute() {
var start = document.getElementById('start').value;
var end = document.getElementById('end').value;
var waypts = [];
var myjson = [{
"Longitude": "17.4266008",
"Lattitude": "78.5497557",
"UserID": "2"
}, {
"Longitude": "17.4265974",
"Lattitude": "78.5497276",
"UserID": "2"
}, {
"Longitude": "17.4266509",
"Lattitude": "78.5496451",
"UserID": "2 "
}, {
"Longitude": "17.4266506",
"Lattitude": "78.5497198",
"UserID": "2"
}, {
"Longitude": "17.4266805",
"Lattitude": "78.5496888",
"UserID": "2"
}, {
"Longitude": "17.4266805",
"Lattitude": "78.5496888",
"UserID": "2"
}, {
"Longitude": "17.4266805",
"Lattitude": "78.5496888",
"UserID": "2"
}];
for (var i = 0; i < myjson.length; i++) {
waypts.push({
location: new google.maps.LatLng(parseFloat(myjson[i].Lattitude), parseFloat(myjson[i].Longitude)),
stopover: true
});
}
与其从DOM中读取航路点,不如从阵列中读取。我们按照您所说的进行操作,但我们得到了状态为零的结果,因此不显示ping。请指导我