Mapping in Drupal


Published on

Finding your way... literally. Penn State Drupal Camp 2013 presentation

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Mapping in Drupal

  1. 1. Maps in Drupal Finding your way... literally. Thursday, June 27, 13
  2. 2. Bio Eric Aitala Earth and Space Science Partnership - College of Earth & Mineral Science @aitala Drupal dev since 2006 Cat herder Thursday, June 27, 13
  3. 3. The Drupal Way... GMap Open Layers Leaflet MapBox IP Geolocation Views & Maps Geofield Location Geolocation Field Addressfield GeoPHP Geofile Geocoder and so on, and so on... Thursday, June 27, 13
  4. 4. So what do I do...? Check d.o. Get this book. ‘Mapping with Drupal’ - O’Reilly Not perfect, but it’s a start. Stare at the screen... Thursday, June 27, 13
  5. 5. What do you need to map? What modules you need will really depend on what you need to map... GIS data - state borders, rivers Single location - address, lat / long, GPS Distances - directions, user distance from a location Data - city population, heat maps ...? Thursday, June 27, 13
  6. 6. IPMS/USA Events example In this case, hobby shows across the US. Place Time Type - Local, Regional, National So create a map and a calendar site... Thursday, June 27, 13
  7. 7. Event Example... A specific place An address 4600 World Dr. Lake Buena Vista, FL 32830 Searchable by State Placed on a map Link to Google Maps Thursday, June 27, 13
  8. 8. Event Example... In a specific Region IPMS/USA has 12 Regions across the US Events need to be within a Region Searchable by Region Regions have a geographical extent All of NC & SC, for example Thursday, June 27, 13
  9. 9. Event Content Type Name Date - start & end Location - address Link to Google Maps Mini Map on event node Type - taxonomy Local, Regional, National Indicate this on the map(s) via color? Region Display on map(s) Make it a new content type Plus some other admin items... Thursday, June 27, 13
  10. 10. Region Content Type Name Number - 1 to 13 Color for map(s) Geographical Extent need a location that is a boundary actually ‘drew’ these by hand Thursday, June 27, 13
  11. 11. Event - Modules Location Addressfield Geocoder Geofield Geofield Map GeoPHP Address Field Static Map Taxonomy Colors jQuery Colorpicker Region Entity Reference Thursday, June 27, 13
  12. 12. Region - Modules Number Colors jQuery Colorpicker Geographical Extent Time to pick a mapping method! Open Layers...... Open Layers OL Module OL UI OL Views Proj4JS - required library Views Thursday, June 27, 13
  13. 13. What is Open Layers? OL is an open source JavaScript library for displaying map data in web browsers D7 module supports OpenStreetMap, Google Maps, Yahoo Maps, Bing Maps, TMS, WMS, CloudMade, XYZ map types and the MapBox maps Views integration Thursday, June 27, 13
  14. 14. Why Open Layers? Multiple pieces of information on a map US Map Region Location of show Type of show D7 GMap Module in dev Multiple map services i.e. not Google Google map API changes US Map Regions Locations Ability to add styles Other slick behaviors Thursday, June 27, 13
  15. 15. Demo... Thursday, June 27, 13