Mapping in Drupal using OpenLayers
10 likes5,111 views
This document discusses mapping in Drupal using the OpenLayers module. It begins by introducing OpenLayers and describing its functionality as a JavaScript framework for building map applications. It then provides an overview of Drupal and relevant mapping modules. The document outlines a three step process for creating maps: 1) adding layers, 2) setting map presets, and 3) displaying maps through Views. It provides examples and screenshots for configuring geofield data, layers, styles, and behaviors. Finally, it discusses extensions, improvements, and the status of OpenLayers for Drupal 7.
Mapping in Drupal using OpenLayers
- 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)
- 6. maps.ed.gov
- 8. OpenLayers is ... ‣ a framework for building map applications ‣ javascript ‣ open source (BSD licensed) ‣ your escape from Google Maps
- 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
- 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
- 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