Maps in Drupal
Finding your way... literally.
Thursday, June 27, 13
Bio
Eric Aitala
Earth and Space Science
Partnership - College of Earth &
Mineral Science
ema13@psu.edu
@aitala
Drupal dev ...
The Drupal Way...
GMap
Open Layers
Leaflet
MapBox
IP Geolocation Views &
Maps
Geofield
Location
Geolocation Field
Addressfiel...
So what do I do...?
Check d.o.
https://drupal.org/node/241563
Get this book.
‘Mapping with Drupal’ - O’Reilly
Not perfect,...
What do you need to map?
What modules you need will really depend on what you
need to map...
GIS data - state borders, riv...
IPMS/USA Events example
In this case, hobby
shows across the US.
Place
Time
Type - Local, Regional,
National
So create a m...
Event Example...
A specific place
An address
4600 World Dr.
Lake Buena Vista, FL 32830
Searchable by State
Placed on a map
...
Event Example...
In a specific Region
IPMS/USA has 12 Regions across
the US
Events need to be within a
Region
Searchable by...
Event Content Type
Name
Date - start & end
Location - address
Link to Google Maps
Mini Map on event node
Type - taxonomy
L...
Region Content Type
Name
Number - 1 to 13
Color for map(s)
Geographical Extent
need a location that is a
boundary
actually...
Event - Modules
Location
Addressfield
Geocoder
Geofield
Geofield Map
GeoPHP
Address Field Static Map
Taxonomy
Colors
jQuery C...
Region - Modules
Number
Colors
jQuery Colorpicker
Geographical Extent
Time to pick a mapping
method!
Open Layers......
Ope...
What is Open Layers?
OL is an open source JavaScript library for displaying
map data in web browsers
D7 module supports Op...
Why Open Layers?
Multiple pieces of
information on a map
US Map
Region
Location of show
Type of show
D7 GMap Module in dev...
Demo...
Thursday, June 27, 13
Upcoming SlideShare
Loading in...5
×

Mapping in Drupal

1,164

Published on

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

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,164
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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 ema13@psu.edu @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. 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. 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 http://openlayers.org https://drupal.org/project/openlayers 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

×