Beheer je een website? Dan kun je deze nu gratis uitbreiden met de Waterkaart.

We vinden het geweldig als je Waterkaart Live in je website zet. Of je nu een privé-site hebt, de website van een (watersport)vereniging of een bedrijf: dat maakt niet uit. Profit of non-profit: ga je gang! Het gebruik is gratis. De enige voorwaarde is dat je een duidelijke bronvermelding en link terug maakt naar Waterkaart.net. Zo hebben we er allemaal wat aan.

Integreren is eenvoudig
Dat doe je met een iFrame. In de HTML-code van je website gebruik je de volgende code:

<iframe src="https://waterkaart.net/api/integreer.php" style="border:none;" width="1000px" height="400px"></iframe> <br>Bron: <a href="https://waterkaart.net">Waterkaart.net</a>

Je kunt natuurlijk zelf met de lengte- en breedteparameters varieren om de integratie in je eigen website te regelen. Ook width="100%" is bijvoorbeeld mogelijk

Met bovenstaande tag krijg je de kaart als volgt te zien:

Bron: Waterkaart.net

 

Je eigen locatie
De kaart start bij het Gooimeer, maar je kunt de locatie zelf instellen met een locatievariabele. Daar zijn twee varianten voor: op naam, of op latitude/longitude-paar. Dat werkt als volgt: heb je een lengte- en breedtegraad? Dan kun je deze opgeven:

<iframe src="https://waterkaart.net/api/integreer.php?locatie=52.1356,4.6432" style="border:none;" width="400px" height="400px"></iframe><br>Bron: <a href="https://waterkaart.net">Waterkaart.net</a>

Je kunt ook een plaatsnaam opgeven, als volgt:

<iframe src="https://waterkaart.net/api/integreer.php?locatie=Sneek" style="border:none;" width="100%" height="400px"></iframe> <br>Bron: <a href="https://waterkaart.net">Waterkaart.net</a>

 

Het zoomniveau
Zo kun je ook een zoomniveau instellen, met de url-parameter zoom=[getal tussen 1 en 24]

Voorbeeld:

<iframe src="https://waterkaart.net/api/integreer.php?locatie=52.9650,5.6096&zoom=16" style="border:none;" width="400px" height="400px"></iframe><br>Bron: <a href="https://waterkaart.net">Waterkaart.net</a>

Bron: Waterkaart.net

 

Vergeet niet de link terug te maken
Dat kan heel eenvoudig zijn zoals in de voorbeelden:

Bron: Waterkaart.net

Maar laat je vooral niet tegenhouden er iets van te maken dat beter bij je past.

 

Aanvullingen?
Heb je een goede toevoeging, een vraag of opmerking? Laat het weten via post@waterkaart.net. We horen graag van je!