Mapping in Drupal using OpenLayers

  • 13,295 views
Uploaded on

https://github.com/pvhee/openlayers_demo

https://github.com/pvhee/openlayers_demo

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
13,295
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
214
Comments
4
Likes
10

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Mapping in Drupalusing OpenLayersPeter Vanhee7th 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 steps1. Layers Services: Google Maps, MapBox, ... Files: KML, XML, ... Drupal nodes via Views2. Map presets Configuration for a single map3. Map views Displays the map using Views
  • 14. 1. Layer2. Map preset3. Map view use Views to select data from CCK
  • 15. 1. Layer2. Map preset3. Map view configure data source to pick up the location
  • 16. 1. Layer2. Map preset3. Map view pass additional data to the layer
  • 17. 1. Layer2. Map preset3. Map view use OpenLayers to configure map
  • 18. 1. Layer2. Map preset3. Map view set map center and bounds
  • 19. 1. Layer2. Map preset3. Map view configure map behaviors (php + javascript)
  • 20. 1. Layer2. Map preset3. Map view set layers (tiles and data) and styles
  • 21. 1. Layer2. Map preset3. Map view use Views to display map
  • 22. 1. Layer2. Map preset3. Map view select map to display
  • 23. Step by step1. Create geodata (CCK)2. Create data layer (Views)3. Create map preset (OpenLayers)4. Create map view (Views)
  • 24. Improvements
  • 25. Improvement #1Add mapbehaviors(Javascript)‣ Pop Up‣ Zoom to layer‣ Clustering‣ Write your own
  • 26. Improvement #2Change layers‣ Google Maps‣ MapBox‣ Create your own via TileMill
  • 27. Extending viaContributed Modules
  • 28. openlayers_geocoder‣ From address to location‣ Save address in node via token
  • 29. openlayers_filters insert map in content
  • 30. geotaxonomygeo-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