Put a Water Map on your website

Are you running a website? Then you can now expand this for free with the Water Card.

We love it if you put Water Map Live on your website. Whether you have a private site, the website of a (water sports) association or a company: it doesn't matter. Profit or non-profit: go ahead! It is free to use. The only condition is that you clearly state the source and link back to Waterkaart.net. This way we can all benefit from it.

Integration is easy
You do that with an iFrame. In the HTML code of your website, use the following code:

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

You can of course vary the length and width parameters yourself to control the integration into your own website. width="100%" is also possible, for example

With the above tag you will see the map as follows:


Source: Waterkaart.net

 

Your own location
The map starts at the Gooimeer, but you can set the location yourself with a location variable. There are two variants for this: by name, or by latitude/longitude pair. It works like this: do you have a latitude and longitude? Then you can specify this:

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

You can also enter a place name, as follows:

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

 

The zoom level
You can also set a zoom level, with the url parameter zoom=[number between 1 and 24]

Example:

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


Source: Waterkaart.net

 

Don't forget to link back
That can be very simple as in the examples:

Source: Waterkaart.net

But don't let that stop you from making something that suits you better.

 

Suggestions?
Do you have a good addition, a question or comment? Let us know via post@watermaplive.net. We look forward to hearing from you!