Mapping in Drupal using OpenLayers
Upcoming SlideShare
Loading in...5
×
 

Mapping in Drupal using OpenLayers

on

  • 14,037 views

https://github.com/pvhee/openlayers_demo

https://github.com/pvhee/openlayers_demo

Statistics

Views

Total Views
14,037
Views on SlideShare
13,405
Embed Views
632

Actions

Likes
10
Downloads
214
Comments
4

8 Embeds 632

http://drupal.cat 337
http://www.drupal.cat 265
url_unknown 14
http://associacio.drupal.cat 6
http://www.slideshare.net 4
http://paper.li 2
http://www.google.com 2
http://www.linkedin.com 2
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

14 of 4 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Mapping in Drupal using OpenLayers Mapping in Drupal using OpenLayers Presentation Transcript

    • Mapping in Drupalusing OpenLayersPeter Vanhee7th April 2011 - drupal.cat
    • 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)
    • europeancampus.eu
    • managingnews.com
    • 2010.afghanistanelectiondata.org/maps
    • maps.ed.gov
    • What is OpenLayers?
    • OpenLayers is ...‣ a framework for building map applications‣ javascript‣ open source (BSD licensed)‣ your escape from Google Maps
    • What is Drupal?
    • Modules‣ ctools‣ openlayers, openlayers_ui, openlayers_cck, openlayers_views‣ views
    • Example
    • Geo Data‣ Data with latitude/ longitude (point)‣ CCK Field: OpenLayers WKT or integer‣ Lines, polygons, ...‣ Can be anything that is available in Views!
    • 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
    • 1. Layer2. Map preset3. Map view use Views to select data from CCK
    • 1. Layer2. Map preset3. Map view configure data source to pick up the location
    • 1. Layer2. Map preset3. Map view pass additional data to the layer
    • 1. Layer2. Map preset3. Map view use OpenLayers to configure map
    • 1. Layer2. Map preset3. Map view set map center and bounds
    • 1. Layer2. Map preset3. Map view configure map behaviors (php + javascript)
    • 1. Layer2. Map preset3. Map view set layers (tiles and data) and styles
    • 1. Layer2. Map preset3. Map view use Views to display map
    • 1. Layer2. Map preset3. Map view select map to display
    • Step by step1. Create geodata (CCK)2. Create data layer (Views)3. Create map preset (OpenLayers)4. Create map view (Views)
    • Improvements
    • Improvement #1Add mapbehaviors(Javascript)‣ Pop Up‣ Zoom to layer‣ Clustering‣ Write your own
    • Improvement #2Change layers‣ Google Maps‣ MapBox‣ Create your own via TileMill
    • Extending viaContributed Modules
    • openlayers_geocoder‣ From address to location‣ Save address in node via token
    • openlayers_filters insert map in content
    • geotaxonomygeo-aware terms term with lat/long
    • openlayers_plus scale points, add tooltips, ... https://github.com/developmentseed/openlayers_plus
    • Extending via Code
    • ‣ 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
    • Drupal 7‣ Works! 2.0-alpha1‣ openlayers_cck geofield‣ Under heavy development
    • Links‣ http://drupal.org/project/openlayers‣ https://github.com/pvhee/ openlayers_demo
    • Thanks! Contact: Peter Vanhee Twitter: @pvhee