Your SlideShare is downloading. ×
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Mapping in Drupal using OpenLayers
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Mapping in Drupal using OpenLayers

13,526

Published on

https://github.com/pvhee/openlayers_demo

https://github.com/pvhee/openlayers_demo

Published in: Technology
4 Comments
10 Likes
Statistics
Notes
No Downloads
Views
Total Views
13,526
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
218
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

×