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 Serviceslrk@uic.edu

UIC IT ProfessionalsForum