De EasyGIS-API is ontwikkeld om u de mogelijkheid te geven verschillende EasyGIS-modules in uw eigen website op te nemen. Om gebruik te kunnen maken van de EasyGIS API is een sleutel vereist. Deze sleutel kunt u aanvragen via info@easygis.eu.
Om de EasyGIS-API te laden, plaatst u de volgende code in de body
van uw html document, bij voorkeur direct voor de </body>
.
<script type="text/javascript" src="https://api.easygis.eu/js/latest.js">
Met de EasyGIS API is het mogelijk verschillende modules in te laden.
Dit kan via JavaScript door de functie easygis.loadModule()
aan te roepen na het inladen van de API.
De functie easygis.loadModule()
verwacht een enkel argument - bestaande uit een object - welke de gewenste configuratie bepaalt.
De volgende eigenschappen zijn hierbij verplicht:
key
is de door EasyGIS geleverde API-key;module
bepaalt welke module er geladen dient te worden;target
is de id van het HTML-element waarin de module geladen dient te worden.<!DOCTYPE html> <html> <head> ... </head> <body> ... <div id="show-me-here"></div> ... <script type="text/javascript" src="https://api.easygis.eu/js/latest.js"></script> <script type="text/javascript"> easygis.loadModule({ key: 'ah5lf345yt274q2r234dq3464g563qy', module: easygis.Module.MODULE, target: 'show-me-here' }); </script> </body> </html>
Voor het meldpunt gebruikt u de volgende module
tag: easygis.Module.REPORTINGPOINT
.
... <script type="text/javascript"> easygis.loadModule({ ... module: easygis.Module.REPORTINGPOINT, ... }); </script>
Voor de routeplanner gebruikt u de volgende module
tag: easygis.Module.ROUTEPLANNER
.
... <script type="text/javascript"> easygis.loadModule({ ... module: easygis.Module.ROUTEPLANNER, ... }); </script>
U dient een categorie op te geven middels de category
tag. U heeft keuze uit de volgende categoriƫn:
easygis.Category.CYCLING
voor fietsen;easygis.Category.WALKING
voor wandelen;easygis.Category.HORSERIDING
voor ruiteren & mennen;easygis.Category.MOUNTAINBIKING
voor mountainbiken;easygis.Category.DRIVING
voor autorijden;easygis.Category.BOATING
voor varen.... <script type="text/javascript"> easygis.loadModule({ ... module: easygis.Module.ROUTEPLANNER, category: easygis.Category.CYCLING, ... }); </script>
De taal waarin de routeplanner weergegeven wordt, kan ingesteld worden via de lang
tag. U heeft de keuze uit de volgende (ISO 639-1) codes:
"nl"
"en"
"de"
"fr"
... <script type="text/javascript"> easygis.loadModule({ ... key: '...', module: easygis.Module.ROUTEPLANNER, lang: "nl", ... }); </script>
U kunt een routecode opgeven middels de code
tag. U kunt de code van een geplande route of
een themaroute gebruiken.
... <script type="text/javascript"> easygis.loadModule({ ... key: '...', module: easygis.Module.ROUTEPLANNER, category: easygis.Category.CYCLING, code: 'abcde' ... }); </script>
U kunt een initieel zoomniveau aangeven middels de zoom
tag (0 < zoom < 19
).
U kunt een initiele locatie aangeven center
, waar de kaart op gecentreerd wordt. De locatie
dient een lat
en long
eigenschap te hebben in WGS84. Tip: Gebruik Google Maps voor
het eenvoudig vinden van een het coƶrdinaat van een locatie.
... <script type="text/javascript"> easygis.loadModule({ ... module: easygis.Module.ROUTEPLANNER, category: easygis.Category.CYCLING, zoom: 11, center: {lat: 50.3, long: 5.1} ... }); </script>
Voor de POI-Widget gebruikt u de volgende module
tag: easygis.Module.POIWIDGET
.
... <script type="text/javascript"> easygis.loadModule({ ... key: '...', module: easygis.Module.POIWIDGET, ... }); </script>
U kunt een POI specificeren middels de uuid
tag. U kunt de UUID terugvinden in het beheersysteem.
... <script type="text/javascript"> easygis.loadModule({ ... key: '...', module: easygis.Module.POIWIDGET, uuid: 'a1b2c3d4-a1b2-a1b2-a1b2-a1b2c3d4e5f6' ... }); </script>
© 2021 EasyGIS