Mapping in Drupal

  • 784 views
Uploaded on

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

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

More in: Technology , Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
784
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

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. Maps in Drupal Finding your way... literally. Thursday, June 27, 13
  • 2. Bio Eric Aitala Earth and Space Science Partnership - College of Earth & Mineral Science ema13@psu.edu @aitala Drupal dev since 2006 Cat herder Thursday, June 27, 13
  • 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. So what do I do...? Check d.o. https://drupal.org/node/241563 Get this book. ‘Mapping with Drupal’ - O’Reilly Not perfect, but it’s a start. http://shop.oreilly.com/product/0636920021230.do Stare at the screen... Thursday, June 27, 13
  • 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. 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. 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. 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. 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. 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. 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. 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. 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 http://openlayers.org https://drupal.org/project/openlayers Thursday, June 27, 13
  • 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. Demo... Thursday, June 27, 13