Op het moment ben ik met een Python en PHP project bezig om kaarten met routes te kunnen opnemen in mijn blog. Hier een eerste poging om dit voor elkaar te krijgen. Het is een doorlopend project, nog niet gepubliceerd op GitHub, daarvoor is de functionaliteit nog niet voldoende.
Het bovenstaande kaartje met route van Nanaimo naar Port Hardy heb ik als html ingesloten met de volgende regel:
<iframe style="width:600px; height:300px; border: 1px solid black;" src="https://code.webwings.nl/nanaimo_porthardy_map.html"></iframe>Hierbij heb ik het Python programma gebruikt om een HTML bestand te maken die via OpenStreetMaps een kaart maakt, ook kan ik via Tracestrack een mooie topografische kaartlaag gebruiken. Het lijkt er dus op dat dit best goed werkt. Het kaartje is te verplaatsen en je kunt in- en uitzoomen. Ook zouden we meerdere route punten moeten kunnen toevoegen.
Dit HTML bestand kun je uploaden en is een snelle manier om een route te kunnen laten zien in een willekeurige website. Ook zou je de HTML als volledige pagina kunnen laden, of insluiten in je bestaande webpagina of WordPress pagina via iframe:
Een aantal gemaakte PHP scripts
- routelistmap.py geeft een route door punten in een lijst (hardcoded) op te nemen.
- routemap.py vraagt via de commandline interactief plaatsen en daarna een type transportmiddel om de route te genereren.
- routemap-topo.py genereert een topografische kaart (via Tracestrack)
Erg bruikbaar dus, wellicht om er een eigen reisdagboek mee te kunnen maken. Dit idee ga ik nog even beter uitwerken. Om plaatsen erg snel/simpel te kunnen opzoeken heb ik een klein PHP script gemaakt: Kaart met zoekfunctie
Locatie direct per URL
Nog een handige optie is een PHP script dat per URL een locatie meekrijgt en deze gecentreerd kan laten zien. Op deze wijze kan ook op een los scherm een route worden weergegeven.
showlocation.php?show=<locatie>&text=<tekst>&zoom=<0..19> waarbij de text, zoom, icon en layer argumenten optioneel zijn. Het icon argument kan een URL zijn naar een eigen icoon.
De laatste kaart was even oefenen om vette tekst en andere “tags” te kunnen gebruiken. Maar met een Hex naar ASCII tabel kun je een heel eind komen.