<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
<style>
#mapid { height:600px;width:1300px; }
</style>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.2.0/dist/leaflet.css" />
<link rel="stylesheet" href="https://unpkg.com/leaflet-routing-machine@latest/dist/leaflet-routing-machine.css" />
<script src="https://unpkg.com/leaflet@1.2.0/dist/leaflet.js"></script>
<script src="https://unpkg.com/leaflet-routing-machine@latest/dist/leaflet-routing-machine.js"></script>
</head>
<body>
<div id="mapid"></div>
<script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
<script>
var mymap = L.map('mapid').setView([39.74083900, 64.18180370], 13);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(mymap);
var control = L.Routing.control({
waypoints: [
L.latLng(57.74, 11.94),
L.latLng(57.6792, 11.949)
],
routeWhileDragging: true,
geocoder: L.Control.Geocoder.nominatim()
});
</script>
</body>
</html>
message: "HTTP request failed: undefined"
status: -1
target: XMLHttpRequest {onreadystatechange: null, readyState: 4, timeout: 0, withCredentials: false, upload: XMLHttpRequestUpload, …}
url: "https://router.project-osrm.org/route/v1/driving/85.316,27.67;85.321,27.68?overview=false&alternatives=true&steps=true&hints=;"
1 reply
hi, I am a university student. for a project I created a small web app using leaflet and leaflet routing machine. I have a problem due to lack of experience in the sector.
I have this warning:
"You are using OSRM's demo server. Please note that it is NOT SUITABLE FOR PRODUCTION USE.
Refer to the demo server's usage policy: https://github.com/Project-OSRM/osrm-backend/wiki/Api-usage-policy
To change, set the serviceUrl option.
Please do not report issues with this server to neither Leaflet Routing Machine or OSRM - it's for
demo only, and will sometimes not be available, or work in unexpected ways.
Please set up your own OSRM server, or use a paid service provider for production."
to make the app usable, do i have to change the serviceUrl option?
how do it?
2 replies
2 replies
Hello there ! its me again
so, i have my polyline now simplyfied and clean,
but there is some error in my itinerary,
To construct my itinerary i encode a polyline with a lot of coordinates, and for reduce them i take from the instruction only steps that have a modifier element
but sometimes it is not working like expected
on the capture, you can see the purple line, its my itinerary, and the red is the generated route
how can i do that ?
( its a simple example, but i have more complexe sometimes, its really weird, i dont know how is generate the route i have sometimes my route going into an impass and come back ??? )
prohibited direction is authorized but it doesn't seem to be taken into account.
leaflet-routing-machine.js:15868
Routing error: {status: -1, message: "OSRM request timed out."}
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script>
<script src="https://unpkg.com/leaflet-routing-machine@latest/dist/leaflet-routing-machine.js"></script>
<script src="Control.Geocoder.js"></script>
<script></script>
