het tonen van een route
Ik heb een klein scriptje gemaakt in mijn geheel programma om een beginpunt en eindpunt op kaart te tonen.
Nu mijn probleem is dat "profile " en "locale" niet werkt .
In mijn script staat profile : 'foot',en locale : 'nl' , maar geen van beiden word uitgevoerd .
Als ik een traject ingeef stuurt hij mij nog steeds over een autostrade en de taal is nog steeds engels.
Verder wordt de route getoond (als "car")
Weet hier iemand raad mee.?????
Ps mijn api key wordt hier niet vermeld maar is heel juist, dus daaraan ligt het niet.
Quote:
var map = L.map('map').setView([0, 0], 13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
var marker = L.marker([0, 0]).addTo(map).bindPopup('Huidige locatie');
var control = L.Routing.control({
waypoints: [],
router: L.Routing.graphHopper('mijn api key',{
profile : 'foot',
locale : 'nl'
}),
routeWhileDragging: false,
lineOptions: {
styles: [
{
color: "blue",
opacity: 0.6,
weight: 4
}
]
}
}).addTo(map);
var map = L.map('map').setView([0, 0], 13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
var marker = L.marker([0, 0]).addTo(map).bindPopup('Huidige locatie');
var control = L.Routing.control({
waypoints: [],
router: L.Routing.graphHopper('mijn api key',{
profile : 'foot',
locale : 'nl'
}),
routeWhileDragging: false,
lineOptions: {
styles: [
{
color: "blue",
opacity: 0.6,
weight: 4
}
]
}
}).addTo(map);
gedownload en geinstalleerd via npm
Persoonlijk weet ik het niet meer , daarom de vraag hier voor de specialisten ??
De routing gebeurd via graphhopper.
Maar als je het toch wilt weten dit zijn ze :
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet-routing-machine/dist/leaflet-routing-machine.css"
<script src="lrm-graphhopper.js"></script>
Gewijzigd op 13/02/2024 23:00:09 door - Ariën -
Heb je een linkje naar de documentatie daarvan?
Ik raad aan om de makers even te vragen.