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.

1. Introduction to Mapping
using the Leaflet module
John Jones
UC Davis - Web Developer

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

4. Geofield
• Location Storage module
• Creates a new field called Geofield
• Install Geofield, Ctools and geophp modules

5. Leaflet
• Javascript mapping library
• And a Drupal module
• download library from leafletjs.com

7. • Add the Geofield and the Address module
• Install Leaflet module and the Leaflet JS library
• Leaflet library goes in sites/all/libraries/leaflet

10. Add a map
• Manage Display of Geofield
• Update format to Leaflet
• Choose OSM Mapnik map
• Update and Save

13. 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)

14. 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

16. More Leaflet Modules
Leaflet More Maps
Leaflet Markercluster
IP Geolocation Views & Maps

17. More Leaflet modules
• Leaflet More Maps
• Leaflet Markercluster
• IP Geolocation Views & Maps (store locator, user
location, marker differentiator)

18. Questions?
• John Jones
• Email: jtjones3@gmail.com