het tonen van een route
Hallo,
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.
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);
Zomaar een idee: Heb je wel de recentste versie van je library hiervoor?
<script src="lrm-graphhopper.js"></script>
gedownload en geinstalleerd via npm
Persoonlijk weet ik het niet meer , daarom de vraag hier voor de specialisten ??
gedownload en geinstalleerd via npm
Persoonlijk weet ik het niet meer , daarom de vraag hier voor de specialisten ??
Het gaat om Leaflet.
Leaflet. heeft daar niks met te zien.
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>
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>
En wat meldt je browser debugger?
geen enkele fout
Inmiddeld zitten we op Leaflet 1.9.4. Gebruik die eens.
Gewijzigd op 13/02/2024 23:00:09 door - Ariën -
zelfde resultaat geen route via "foot" en ook geen "nl"
Waaruit blijkt dat dit zo hoort te werken?
Heb je een linkje naar de documentatie daarvan?
Heb je een linkje naar de documentatie daarvan?
Misschien heb je geen credits meer?
Ik raad aan om de makers even te vragen.
Ik raad aan om de makers even te vragen.




