Embed Size (px)
Citation preview
Maps in DrupalFinding your way... literally.
Thursday, June 27, 13
BioEric Aitala
Earth and Space Science Partnership - College of Earth & Mineral [email protected]@aitalaDrupal dev since 2006Cat herder
Thursday, June 27, 13
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
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
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
IPMS/USA Events exampleIn 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
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
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
Event Content TypeName
Date - start & end
Location - addressLink to Google Maps
Mini Map on event node
Type - taxonomyLocal, Regional, National
Indicate this on the map(s) via color?
RegionDisplay on map(s)
Make it a new content type
Plus some other admin items...
Thursday, June 27, 13
Region Content TypeName
Number - 1 to 13Color for map(s)
Geographical Extentneed a location that is a boundary
actually ‘drew’ these by hand
Thursday, June 27, 13
Event - ModulesLocation
AddressfieldGeocoderGeofield
Geofield MapGeoPHPAddress Field Static Map
TaxonomyColorsjQuery Colorpicker
RegionEntity Reference
Thursday, June 27, 13
Region - ModulesNumber
ColorsjQuery Colorpicker
Geographical ExtentTime to pick a mapping method!
Open Layers......
Open LayersOL ModuleOL UIOL ViewsProj4JS - required libraryViews
Thursday, June 27, 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
Why Open Layers?Multiple pieces of information on a map
US MapRegion Location of showType of show
D7 GMap Module in dev
Multiple map servicesi.e. not Google
Google map API changes
US Map
Regions
Locations
Ability to add styles
Other slick behaviors
Thursday, June 27, 13
Demo...
Thursday, June 27, 13
