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

34 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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
34
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×