Uit DeVliegendeWiki

Je kunt eenvoudig Google Maps incorporeren in een website: Ga naar Google Maps, tik het adres in, en klik op link, rechtsboven op de kaart. Copiëer het stukje HTML-code dat getoond wordt onder Paste HTML to embed in website (of het Nederlandstalige equivalent hiervan). Uiteraard kan het ingewikkelder, maar dit is de basis.

Voor details: http://maps.google.com/help/maps/getmaps/quick.html

Google Maps-code aanpassen

Problemen met deze ingebedde Google Map: (1) Hij was te breed (nu aangepast door getal achter width te veranderen), (2) het tekstballonnetje is niet handig, en (3) de legenda is Engelstalig.

Het tekstballonnetje is verdwenen door het veld hnear te verwijderen. De 'pion' is trouwens ook verdwenen.

Legenda is nu Nederlandstalig door tag hl=en twee keer te vervangen door hl=nl.

Er is een goede kans dat de gecopiëerde Google Maps-HTML-code net niet doet wat je wilt. Laten we 's kijken wat we daar in HTML aan kunnen doen.

Voorbeeld van oorspronkelijke code:

<iframe 
   width="425" 
   height="350" 
   frameborder="0" 
   scrolling="no" 
   marginheight="0" 
   marginwidth="0" 
   src="http://maps.google.nl/maps?
      f=q&
      source=s_q&
      hl=en&
      geocode=&q=Pieter+Braaijweg,+Duivendrecht&
      sll=52.374501,4.876637&
      sspn=0.038199,0.077162&
      ie=UTF8&
      hq=&
      hnear=Pieter+Braaijweg,+Duivendrecht,+Ouder-Amstel,+Noord-Holland&
      ll=52.32961,4.924134&
      spn=0.00956,0.027466&
      z=14&
      output=embed">
</iframe><br/>
<small>
   <a 
      href="http://maps.google.nl/maps?f=q&source=embed&hl=en&geocode=&
      q=Pieter+Braaijweg,+Duivendrecht&sll=52.374501,4.876637&sspn=0.038199,0.077162&
      ie=UTF8&hq=&hnear=Pieter+Braaijweg,+Duivendrecht,+Ouder-Amstel,+Noord-Holland&
      ll=52.32961,4.924134&spn=0.00956,0.027466&z=14" 
      style="color:#0000FF;text-align:left">
      View Larger Map
   </a>
</small>

Aanpassingen:

• width: Breedte van de plattegrond;
• hl=en: Taal