OpenLayers en GeoField voor interactieve maps in Drupal (Deel 1)

Eerst zullen we een kaart moeten configureren, zodat we controle hebben over hoe de kaart wordt weergegeven.

Ga naar Structure > OpenLayers > Maps (admin/structure/openlayers/maps) en voeg een nieuwe kaart toe.
Gebruik de basisinstellingen zoals weergegeven:

U kunt de breedte/hoogte-instellingen aanpassen aan uw lay-out.

Bewaar de standaardinstellingen voor Center & Bounds.

Gebruik de instellingen voor Lagen & Stijlen zoals weergegeven:

U zult nu moeten opslaan voordat u de Gedragsinstellingen wijzigt.

Voor de Gedragsinstellingen, deselecteer alles behalve:

• Navigation (keep subitems deselected)
• Zoom Control
• Zoom to Layer (gebruik geofield_formatter and Point zoom level: 12 - 1) Gebruik een getal hoger dan 12 om verder in te zoomen

• Voeg een 'Postadres' veld toe aan inhoudstype
• Voeg een 'Geofield' toe met een 'Geocode van een ander veld' widget
  • Koppel dit Geofield aan het Postadres veld
  • Gebruik de Google Geocoder als geocoder

Wanneer je een adres invoert in het Adres veld, zal de GeoCoder module de Google Geocoder handler gebruiken om het adres op te zoeken en om te zetten in GeoField gegevens.

Display settings:

• Format: OpenLayers
• OpenLayers preset: Node Map (dit is de kaartconfiguratie die hierboven is gemaakt)

Als je nu een nieuwe node maakt, krijg je een kaart te zien

Misschien krijgt u een Google Map Data overlay.
Dit wordt hier besproken: http://drupal.org/node/1540534

In deel 2 laten we zien hoe je meerdere locaties op één kaart kunt weergeven met behulp van Views.