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

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