Calcola e visualizza la distanza lungo il percorso

Calcolatore di rotta completo permette la conoscenza della distanza tra 2 punti,la partenza ed arrivo della spedizione che la durata del viaggio ed il suo prezzo ed il tempo ha avuto bisogno di viaggiare insieme ai mezzi di trasporto.C'abilita anche per vedere il percorso di instradamento e più scelte di percorso di instradamento.I percorsi di instradamento permettono a noi di scegliere il più ottimale ed il buon percorso di instradamento per arrivare alla destinazione che dipende dal tipo di prodotto, prezzo e tempo disponibile per trasporto.Entri nella città di partenza e città e la nostra utilità La mostreranno e calcoleranno l'istante il percorso di instradamento desiderato dove noi possiamo scoprire la distanza ed il tempo costrinse a completare il trasporto proposto.
Per una visualizzazione web di qualità,si consiglia Mozilla Firefox o il browser Web Google Chrome.


Travel mode
 
For results choose starting and destination points.
' + '
' + '
' + '' + '
' + '
' + 'Distance: ' + Formatters.formatAsMetricDistance(feature.lengthInMeters) + '' + 'Arrive: ' + Formatters.formatToExpandedDateTimeString(feature.arrivalTime) + '' + '
' + '
'; detailsWrapper.innerHTML = detailsHTML; summaryContent.appendChild(detailsWrapper); return summaryContent; } function getDraggedMarkerPosition(type) { var lngLat = routeMarkers[type].getLngLat(); performReverseGeocodeRequest(lngLat) .then(function(response) { var addresses = response.addresses[0]; var freeFormAddress = addresses.address.freeformAddress; if (!freeFormAddress) { loadingHint.hide(); clearMap(); resultsManager.resultsNotFound(); errorHint.setMessage('Address not found, please choose a different place'); return; } searchBoxes[type] .getSearchBoxHTML() .querySelector('input.tt-search-box-input') .value = freeFormAddress; var position = { lng: addresses.position.lng, lat: addresses.position.lat }; updateMapView(type, position); }); } function handleCalculateRouteError() { clearMap(); resultsManager.resultsNotFound(); errorHint.setMessage('There was a problem calculating the route'); loadingHint.hide(); } function handleCalculateRouteResponse(response, type) { var geojson = response.toGeoJson(); var coordinates = geojson.features[0].geometry.coordinates; clearMap(); map.addLayer({ 'id': 'route', 'type': 'line', 'source': { 'type': 'geojson', 'data': geojson }, 'paint': { 'line-color': '#4a90e2', 'line-width': 6 } }); var bounds = new tt.LngLatBounds(); var point = { startPoint: coordinates[0], finishPoint: coordinates.slice(-1)[0] }; addRouteMarkers(type, point); resultsManager.success(); resultsManager.append(createSummaryContent(geojson.features[0].properties.summary)); coordinates.forEach(function(point) { bounds.extend(tt.LngLat.convert(point)); }); map.fitBounds(bounds, { duration: 0, padding: 150 }); loadingHint.hide(); } function handleDrawRoute(type) { errorHint.hide(); loadingHint.setMessage('Loading...'); resultsManager.loading(); performCalculateRouteRequest() .then(function(response) { handleCalculateRouteResponse(response, type); }) .catch(handleCalculateRouteError); } function onResultCleared(type) { routePoints[type] = null; if (routeMarkers[type]) { routeMarkers[type].remove(); routeMarkers[type] = null; } if (shouldDisplayPlaceholder()) { resultsManager.resultsNotFound(); } if (routePoints.start || routePoints.finish) { var lngLat = type === 'start' ? routePoints.finish : routePoints.start; clearMap(); centerMap(lngLat); } } function onResultSelected(type, event) { var position = event.data.result.position; updateMapView(type, position); } function performCalculateRouteRequest() { return tt.services.calculateRoute({ key: 'fEzHaJPfnIdPetSwMMtcWN09AOt0a2ql', traffic: false, locations: routePoints.start.join() + ':' + routePoints.finish.join(), travelMode: travelMode }).go(); } function performReverseGeocodeRequest(lngLat) { return tt.services.reverseGeocode({ key: 'fEzHaJPfnIdPetSwMMtcWN09AOt0a2ql', position: lngLat }).go(); } function shouldDisplayPlaceholder() { return !(routePoints.start && routePoints.finish); } function updateMapView(type, position) { routePoints[type] = [position.lng, position.lat]; if (routePoints.start && routePoints.finish) { handleDrawRoute(type); } else { addRouteMarkers(type); centerMap(routePoints[type]); } }
Accedi
Nome utente
Password
Hai dimenticato la password? Ricorda