Stef De Waele
Head of Drupal
OpenLayers en GeoField voor interactieve maps in Drupal (Deel 1)
Vereiste modules
Download en installeer deze modules:
- OpenLayers (We gebruiten 7.x-2.x-dev aangezien 7.x-2.0-beta1 wat warning genereerde): OpenLayers, Openlayers UI, OpenLayers Views
display any content with geo data in a map
http://drupal.org/project/openlayers - Address Field: Address Field
stores international postal addresses
http://drupal.org/project/addressfield - GeoField: GeoField
stores geographic data in Drupal
http://drupal.org/project/geofield - GeoPHP: geoPHP (needed by GeoField)
Provides integration with the geoPHP library: https://github.com/phayes/geoPHP
http://drupal.org/project/geophp - GeoCoder: Geocoder
geocode Addressfield addresses into Geofield points for display on Openlayers Maps
http://drupal.org/project/geocoder
Configureer een kaart
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
Dit zijn onze basisinstellingen voor gedrag, u kunt deze natuurlijk aanpassen aan uw persoonlijke behoeften.
Voeg je kaart toe aan het content type
- 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)
Test het uit
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.