Mapping with Drupal*Leo Klein - April 3th, 2013
UIC IT Professionals Forum
*Turning Dates Into Places with the UIC Admissions Recruitment Calendar
Surrounded by Dots - 1
Surrounded by Dots - 2
Background
- Academic & Enrollment Services- New Recruitment Calendar
Sure, no problem!
Leo, can you do this?
Aiiiieeeeee!
Fast Paced & Kinda Tricky
Palazzolo, Alan, and Thomas Turnbull. Mapping with Drupal. Sebastopol, Calif:
O'Reilly Media, [Jan.] 2012.
Geospatial Modules Assessmenthttp://groups.drupal.org/node/89769
"Recently, CloudMade released an open source JavaScript mapping library called Leaflet. It is simple and lightweight. There is also a new Leaflet module for Drupal that provides some basic integration between Drupal and Leaflet. It is something to keep an eye on." p 23
What to Do?
State of the DataGoogle Spreadsheet
Drupal Content Type
Drupal : Out of the Box
Organize your data in sophisticated
interactive ways!
Your Best Friend: Views
Drupal Mapping Options
Noobie: Trial by ErrorThrown one combination against the wall and see what sticks - over and over and over again...
Smart Set (a.k.a. 'works4me')Address (kinda, sorta, maybe not)GeocoderGeofieldLeaflet
Workflow
Address (string)
Geocoder
Geofield
What's an Address/Location?
You tell me:1. Pittsburgh2. 100093. Office of Academic & Enrollment Services
1200 West Harrison StreetChicago, Illinois 60607-7161
Addressfield Module ( http://drupal.org/project/addressfield )
Geocoder autocomplete ( http://drupal.org/project/geocoder_autocomplete )
Geocoder & Geofield
Geocoder (lookup)*"Takes any bit of text from an address field or even a simple text-field, and runs it by a 'geocoding handler' (eg. Google, MapQuest) and returns map coordinates (e.g. LatLon, WKT)" ( Geolocation in Drupal )
Geo Data - Geofield● Latitude-Longitude (lat/long) 41.866743 / 87.646458● Well Known Text (WKT)● KML● GeoJSON
Workflow - Repeat After Me...
Address (string)
Geocoder
Geofield
Leaflet - Javascript Mapping Library
It works! There's documentation!- "Lightweight"- "HTML5"- "Mobile friendly"
Finished Product
Future Developments
Server-side! Server-side! Server-side!Server-side! Server-side! Server-side!
More Mobile Friendly (smaller size)
HTML5 Geolocation (i.e. user location)
Next Mapping Library on the Horizon ...
LinksDrupal Group: Location and Mappinghttp://groups.drupal.org/location-and-mapping
Comparison of mapping moduleshttp://drupal.org/node/1704948
Leaflet Sitehttp://leafletjs.com/
Geographical data and maps (documentation)
http://drupal.org/node/241563
DrupalCon Sydney: State of the nation in mapping (helpful video)
http://sydney2013.drupal.org/state-nation-mapping
Checking in with Mapping in Drupal 7 (helpful video)
http://www.youtube.com/watch?v=imOJV49bbLM
Quick and easy D7 distro to evaluate Leaflet (Helpful post)
http://groups.drupal.org/node/251923
Thank You
Leo Robert KleinWeb CoordinatorAcademic & Enrollment [email protected]
UIC IT ProfessionalsForum