Google Maps integreren in Drupal

Een kaartje weergeven bij de artikels die je invoert in Drupal of alle artikels (nodes) en users op een overzichtskaart tonen? Met de modules GMap en Location kan je Google Maps integreren in je Drupalinstallatie.

Nadat je beide modules geïnstalleerd hebt zijn er in het adminpaneel enkele links bijgekomen:

  • Bij Site configuration vind je de link Adres, GMap en GMap Location.
  • In je menu zie je links naar Build a GMap macro, Node locations en User locations.

Eerst en vooral vraag je een Google Maps API Key aan voor je site en vul je de code in bij GMap. Bij Gmap Location schakel je de Google Map API geocoding in en kan je weergeven hoe nodes of users worden weergegeven op een overzichtskaart.

De breedte, hoogte, startpunt,... van je kaart kan je invoeren via een GMap macro (jedomein.be/map/macro), die je via de link Build a GMap Macro kan aanmaken. Alle punten zullen zichtbaar worden via vooraf opgemaakte pagina's voor users (jedomein.be/map/user) en nodes (jedomein.be/map/node).

Natuurlijk kan je ook zelf een exporttype definiëren via de module views, want bij de view-style kan je nu GMap kiezen en een macro ingeven zodat je de weergave van de kaart kan bepalen.

Nu moet je nog nodes koppelen aan een locatie. Daarvoor ga je in je Site configuration eerst naar Adres, waar je 'Enable the display of locations' inschakelt en 'Use a Google Map to set latitude and longitude' aanvinkt. Ook hier kan je een macro ingeven.

Stel nu dat we blogberichten willen koppelen aan een locatie, ga dan naar inhoudstypen in 'Content management' en bewerk een blog entry. Daar vind je een blok 'Locative information' waar je ondermeer kan ingeven hoeveel punten er per node op kaart kunnen getoond worden. Na het opslaan kan je bij het invoeren van artikels nu ook een locatie op een kaart aanduiden.

Tot slot kan je markers nog een andere kleur of vorm geven naargelang de term uit de taxonomy waaraan je node gekoppeld is. Dat kan via het Taxonomy-menu.

Share/Save/Bookmark




reageer

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <div>
  • Lines and paragraphs break automatically.

More information about formatting options

CAPTCHA
Deze vraag wordt gebruikt om te testen of u een menselijke bezoeker zodat we spam kunnen vermijden.
10 + 8 =
Los deze eenvoudige rekenoefening op en voer het resultaat in. Bijvoorbeeld: voor 1+3, voer 4 in.

Diensten



Websites ontwikkelen

Web Nouveau ontwikkelt websites waarmee u efficiënt communiceert.
meer ››



Advies en begeleiding

We analyseren alle informatie op uw site en gieten alles in een overzichtelijke structuur.
meer ››



Schrijven voor het web

Vlotte en heldere teksten voor uw website.
meer ››
bekijk presentatie ››




Webontwikkeling in Drupal

Web Nouveau werkt met het open source cms Drupal (Content Management Systeem). Daarmee organiseert u de inhoud van uw site, zoals foto's, teksten, reacties, weblogs of persberichten, in een handomdraai.


Twitter Updates

    Volg Web Nouveau op Twitter