Gmap

Waar men vroeger afbeeldingen van kaartjes in sites plaatste, wordt er tegenwoordig een google map in een site ingevoegd. In Drupal kan je niet zomaar de code invoeren die google je geeft. Je moet het doen via de module gmap.

Eerst moet je op google een code genereren. Dit is nodig wanneer je een google map wil gebruiken in een site die online staat!

Maak een code aan op http://code.google.com/intl/nl-NL/apis/maps/signup.html

Je moet inloggen met je googleaccount. Een gmailadres is ook prima. Je kan je eventueel gratis registreren bij google.

Kerfuffle:Users:ktimmers:Desktop:drupal7 deel2:gmap:Schermafbeelding 2011-07-10 om 15.12.28.png

Vul je url in en klik op Generate API Key.

Kerfuffle:Users:ktimmers:Desktop:drupal7 deel2:gmap:Schermafbeelding 2011-07-10 om 15.12.39.png

U krijgt een code. Kopieer deze.

Installeer en activeer de module gmaphttp://drupal.org/project/gmap

Ga naar instellingen – gmap. Plak de code.

Kerfuffle:Users:ktimmers:Desktop:drupal7 deel2:gmap:Schermafbeelding 2011-07-10 om 15.14.31.pngDubbelklik op de kaart en herhaal dit tot het gewenste adres zichtbaar is.

Kerfuffle:Users:ktimmers:Desktop:drupal7 deel2:gmap:Schermafbeelding 2011-07-10 om 15.14.51.pngJe kan nog vele andere instellingen doen, ondermeer de grootte van de kaart wijzigen.

Sla de wijzigingen op.

Ga naar instellingen – tekstopmaak.

Kerfuffle:Users:ktimmers:Desktop:drupal7 deel2:gmap:Schermafbeelding 2011-07-10 om 15.20.50.pngKies bij Full HTML voor Instellen.

Kerfuffle:Users:ktimmers:Desktop:drupal7 deel2:gmap:Schermafbeelding 2011-07-10 om 15.21.29.png

Vink “GMap Macro Expander” aan.

Maak een nieuwe pagina/artikel.

Kerfuffle:Users:ktimmers:Desktop:drupal7 deel2:gmap:Schermafbeelding 2011-07-10 om 15.22.24.png

Kies voor Full HTML.

Typ [gmap] in het tekstvak.

Sla op.

De kaart is zichtbaar!

Kerfuffle:Users:ktimmers:Desktop:drupal7 deel2:gmap:Schermafbeelding 2011-07-10 om 15.27.28.png

 
 Drupal 7, deel 2- CMS | pagina laatst gewijzigd op 17/07/2011 | Onze cursussen vallen onder copyright!
Zelfstudie.be - gratis cursussen internet, dreamweaver, fireworks, flash, enz. Terug naar vorige pagina