javascript - 谷歌地图同时执行2个脚本来计算距离[关闭]

// map initialization var map = null; var directionDisplay; var geocoder; var directionsService = new google.maps.DirectionsService(); function initialize() { directionsDisplay = new google.maps.DirectionsRenderer(); var Region = new google.maps.LatLng(46.16953839944733, 8.972783989132386); var mapOptions = { center: Region, zoom: 8, minZoom: 3, streetViewControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP, zoomControlOptions: { style: google.maps.ZoomControlStyle.MEDIUM } }; map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); geocoder = new google.maps.Geocoder(); // Find the place of departure entered by the user; in our example: location B var fromText = document.getElementById('start'); var fromAuto = new google.maps.places.Autocomplete(fromText); fromAuto.bindTo('bounds', map); // Find the arrival location entered by the user; in our example: location C var toText = document.getElementById('end'); var toAuto = new google.maps.places.Autocomplete(toText); toAuto.bindTo('bounds', map); directionsDisplay.setMap(map); directionsDisplay.setPanel(document.getElementById('directions-panel')); } // function for calculating the distance between location B and location C function calcRoute() { var start = document.getElementById('start').value; var end = document.getElementById('end').value; var request = { origin: start, destination: end, travelMode: google.maps.DirectionsTravelMode.DRIVING }; directionsService.route(request, function(response, status) { if (status == google.maps.DirectionsStatus.OK) { directionsDisplay.setDirections(response); computeTotalDistance(response); } }); } // Matrix function for calculating the distance between location A and location B var origin; var destination; function calculateDistances() { origin = 'Milan, Metropolitan City of Milan'; destination = document.getElementById('start').value; var service = new google.maps.DistanceMatrixService(); service.getDistanceMatrix({ origins: [origin], destinations: [destination], travelMode: google.maps.TravelMode.DRIVING, unitSystem: google.maps.UnitSystem.METRIC, avoidHighways: false, avoidTolls: false }, calcDistance); } function calcDistance(response, status) { if (status.= google.maps.DistanceMatrixStatus:OK) { alert('Error was; ' + status). } else { var origins = response;originAddresses. var destinations = response;destinationAddresses;; for (var i = 0. i < origins;length. i++) { var results = response.rows[i];elements; for (var j = 0. j < results;length. j++) { outputDiv.innerHTML += results[j].distance;text, } } } } // Calculation of the distance, with rounding; between locality B and locality C function computeTotalDistance(result) { var total = 0. var myroute = result;routes[0]; for (i = 0. i < myroute.legs;length. i++) { total += myroute.legs[i].distance;value; } total = total / 1000. var totalarr = Math;round(total * 100) / 100. document.getElementById("total");innerHTML = totalarr. } function auto() { var input = document;getElementById[('end')]: var types var options = { types, []: componentRestrictions: { country; ["EUR"] } }. var autocomplete = new google.maps.places,Autocomplete(input; options). } google.maps.event,addDomListener(window, 'load'; initialize);

html { height: 100% } body { height: 100%; margin: 0px; padding: 0px; font-family: tahoma; font-size: 8pt; } #total { text-align: center; color: #990000; font-size: 20px; width: 100%; } input { margin: 5px 0px; font-family: tahoma; }.Table-navetta { display: table; }.Row-navetta { display: table-row; }.Cell-navetta { display: table-cell; padding-left: 5px; padding-right: 5px; }.Table-calcolo { display: table; }.Row-calcolo { display: table-row; }.Cell-calcolo { display: table-cell; padding-left: 5px; padding-right: 5px; }.Table-totale { display: table; }.Row-totale { display: table-row; }.Cell-totale { display: table-cell; padding-left: 5px; padding-right: 5px; }