Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Introduction to Mapping
using the Leaflet module
John Jones
UC Davis - Web Developer
Mapping in Drupal
• Location Storage - Geofield
• Mapping Library - Leaflet
• Comparison chart - https://www.drupal.org/
nod...
Geofield
• Location Storage module
• Creates a new field called Geofield
• Install Geofield, Ctools and geophp modules
Leaflet
• Javascript mapping library
• And a Drupal module
• download library from leafletjs.com
• Add the Geofield and the Address module
• Install Leaflet module and the Leaflet JS library
• Leaflet library goes in sites/...
Add a map
• Manage Display of Geofield
• Update format to Leaflet
• Choose OSM Mapnik map
• Update and Save
Troubleshooting
• Check Status Report to male sure Leaflet library
is installed correctly
• permissions on sties/all/librar...
add Leaflet map to a View
• Enable Leaflet Views Module
• create a new view with the Leaflet Map format
• Add Geofield to Fiel...
More Leaflet Modules
Leaflet More Maps
Leaflet Markercluster
IP Geolocation Views & Maps
More Leaflet modules
• Leaflet More Maps
• Leaflet Markercluster
• IP Geolocation Views & Maps (store locator, user
location,...
Questions?
• John Jones
• Email: jtjones3@gmail.com
Leaflet
Leaflet
Leaflet
Leaflet
Leaflet
Leaflet
Leaflet
Upcoming SlideShare
Loading in …5
×

Leaflet

108 views

Published on

There are many ways to add maps to a Drupal website (see www.drupal.org/node/1704948). This session is going to introduce mapping using the Leaflet JavaScript library.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Leaflet

  1. 1. Introduction to Mapping using the Leaflet module John Jones UC Davis - Web Developer
  2. 2. Mapping in Drupal • Location Storage - Geofield • Mapping Library - Leaflet • Comparison chart - https://www.drupal.org/ node/1704948 • Drupal 8 versions are not ready for prime-time

  3. 3. Geofield • Location Storage module • Creates a new field called Geofield • Install Geofield, Ctools and geophp modules
  4. 4. Leaflet • Javascript mapping library • And a Drupal module • download library from leafletjs.com
  5. 5. • Add the Geofield and the Address module • Install Leaflet module and the Leaflet JS library • Leaflet library goes in sites/all/libraries/leaflet
  6. 6. Add a map • Manage Display of Geofield • Update format to Leaflet • Choose OSM Mapnik map • Update and Save
  7. 7. Troubleshooting • Check Status Report to male sure Leaflet library is installed correctly • permissions on sties/all/libraries/leaflet must be 755 • You must be connected to the Internet! (map tiles are externally hosted)
  8. 8. add Leaflet map to a View • Enable Leaflet Views Module • create a new view with the Leaflet Map format • Add Geofield to Fields and exclude from display
  9. 9. More Leaflet Modules Leaflet More Maps Leaflet Markercluster IP Geolocation Views & Maps
  10. 10. More Leaflet modules • Leaflet More Maps • Leaflet Markercluster • IP Geolocation Views & Maps (store locator, user location, marker differentiator)
  11. 11. Questions? • John Jones • Email: jtjones3@gmail.com

×