https://github.com/pvhee/openlayers_demo

1. Mapping in Drupal
using OpenLayers
Peter Vanhee
7th April 2011 - drupal.cat

2. Who am I?
‣ Consumer and contributor to Drupal for
over 5 years
‣ Co-founder Youth Agora (@youthagora)
and Nuvole (@nuvoleweb)
‣ Independent consultant in Barcelona
(@pvhee)

3. europeancampus.eu

4. managingnews.com

5. 2010.afghanistanelectiondata.org/maps

6. maps.ed.gov

7. What is OpenLayers?

8. OpenLayers is ...
‣ a framework for building map
applications
‣ javascript
‣ open source (BSD licensed)
‣ your escape from Google Maps

9. What is Drupal?

10. Modules
‣ ctools
‣ openlayers, openlayers_ui,
openlayers_cck,
openlayers_views
‣ views

11. Example

12. Geo Data
‣ Data with latitude/
longitude (point)
‣ CCK Field:
OpenLayers WKT or
integer
‣ Lines, polygons, ...
‣ Can be anything that
is available in Views!

13. Mapping in 3 steps
1. Layers
Services: Google Maps, MapBox, ...
Files: KML, XML, ...
Drupal nodes via Views
2. Map presets
Configuration for a single map
3. Map views
Displays the map using Views

14. 1. Layer
2. Map preset
3. Map view
use Views to select data from CCK

15. 1. Layer
2. Map preset
3. Map view
configure data source to pick up the location

16. 1. Layer
2. Map preset
3. Map view
pass additional data to the layer

17. 1. Layer
2. Map preset
3. Map view
use OpenLayers to configure map

18. 1. Layer
2. Map preset
3. Map view
set map center and bounds

19. 1. Layer
2. Map preset
3. Map view
configure map behaviors (php + javascript)

20. 1. Layer
2. Map preset
3. Map view
set layers (tiles and data) and styles

21. 1. Layer
2. Map preset
3. Map view
use Views to display map

22. 1. Layer
2. Map preset
3. Map view
select map to display

23. Step by step
1. Create geodata (CCK)
2. Create data layer (Views)
3. Create map preset (OpenLayers)
4. Create map view (Views)

24. Improvements

25. Improvement #1
Add map
behaviors
(Javascript)
‣ Pop Up
‣ Zoom to layer
‣ Clustering
‣ Write your own

26. Improvement #2
Change layers
‣ Google Maps
‣ MapBox
‣ Create your own
via TileMill

27. Extending via
Contributed Modules

28. openlayers_geocoder
‣ From address
to location
‣ Save address in
node via token

29. openlayers_filters
insert map in content

30. geotaxonomy
geo-aware terms
term with lat/long

31. openlayers_plus
scale points, add tooltips, ...
https://github.com/developmentseed/openlayers_plus

32. Extending via Code

33. ‣ hook_openlayers_map_preprocess_alter()
hook_openlayers_map_alter()
‣ hook_openlayers_layer_types()
hook_openlayers_layers()
‣ hook_openlayers_behaviors()
‣ hook_openlayers_styles()
‣ hook_openlayers_presets()
see openlayers.api.php

34. Drupal 7
‣ Works!
2.0-alpha1
‣ openlayers_cck
geofield
‣ Under heavy
development

35. Links
‣ http://drupal.org/project/openlayers
‣ https://github.com/pvhee/
openlayers_demo

36. Thanks!
Contact:
Peter Vanhee
Twitter: @pvhee