Integreer Google Maps in je eigen website

17 04 2007

testkaart.jpgMet de nieuwste versie van Google Maps kan je jouw interessante verzameling placemarks met vrienden, collega’s of klanten delen. Je kan zelf makkelijk een kaart maken en ze bewaren bij ‘Mijn kaarten’. En je kan die placemarks ook in je eigen webpagina integreren, zonder de Google lay-out.

(Read this text in English)

Als voorbeeld heb ik de ‘Buitengewone Belgische Bezienswaardigheden‘ die op Google Earth en Maps te zien zijn, op een kaart gezet in een aparte html-pagina. Rechts is er een link naar het kml-bestand voor Google Earth.

Deze kaart werd gemaakt met Google Maps en bewaard in ‘Mijn kaarten’, hier is het origineel. Google vertaalt die kaart naar een kml-bestand voor Google Earth. Het is de kml, met een beetje javascript, dat het mogelijk maakt om ze te integreren in een html-pagina.

Zo ben je verlost van de Google lay-out en kan je de kaart netjes presenteren volgens de stijl van je eigen website.

Maar dit werkt niet alleen met de placemarks in ‘Mijn kaarten’. In dit voorbeeld zie je de placemarks van verschillende kml- en kmz-bestanden. Die werden met Google Earth gemaakt. Eentje toont alle legerbasissen, de andere alle luchthavens en vliegtuigen. Die twee verschillenden bestanden komen van de Google Earth Community. Je kan dus eender welke kmz- of kml-bestand in een html-pagina tonen, maar ook verschillende tegelijk. En je hoeft ze niet per se zelf gemaakt te hebben.


Integrate Google Maps in your own website
With the newest update of Google Maps it has become much easier to create a map with a collection of placemarks. You can save them in ‘My maps’ and share it with the world. But it has become easier as well to integrate this map in your own website, without the Google lay-out.

I used the collection of the weirdest Belgian sights on Google Earth and Maps to demonstrate this. The map was made with Google Maps and saved in ‘My maps‘. It’s a javascript that uses the kml-file generated in ‘My maps’, it not only allows you to see your map in Google Earth, but it is easier to integrate in a html page without having to code every placemark yourself.

But it doesn’t only work with Google Maps. You can insert any kmz or kml file in the javascript, and different maps in the same page. This example shows two files in one map. One shows all aircraft and airfields in Belgium, the other shows all military bases. Feel free to check the source code and play with it.


Actions

Informations

2 responses to “Integreer Google Maps in je eigen website”

17 04 2007
BelFlyer (18:15:19) :

Pascal,

Thx. This stuff must be really new and I’ll be implementing it into my aviation website.

Tailwinds, Michael

20 04 2007
Next Immo (10:49:25) :

Kijk ook eens op objectmap.nl. Objectmap is een speciale (Gratis) tool voor de vastgoedsector. Met objectmap kun je op eenvoudige wijze google maps (inclusief satellietbeelden) op je site aanbieden.

Leave a comment

You can use these tags : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>