Location, Location, Location: Mapping with Drupal (Beginners - - PowerPoint PPT Presentation

location location location mapping with drupal
SMART_READER_LITE
LIVE PREVIEW

Location, Location, Location: Mapping with Drupal (Beginners - - PowerPoint PPT Presentation

Location, Location, Location: Mapping with Drupal (Beginners Session) DrupalCon LA - 2015 Tim Erickson Colin A Foley Founding Partner Senior Developer Triplo Lehigh University @stpaultim @colinafoley tim@triplo.co


slide-1
SLIDE 1

Location, Location, Location: Mapping with Drupal

(Beginners Session) DrupalCon LA - 2015

Tim Erickson Founding Partner Triplo @stpaultim tim@triplo.co Colin A Foley Senior Developer Lehigh University @colinafoley colin.a.foley@gmail.com

Sunday, May 17, 15

slide-2
SLIDE 2

About Me:

  • Online Facilitator - Online Community

E-Democracy.org (1997 - 2010)

  • Mr. Tai’s Restaurant

(2010 - 2011)

  • Drupal Freelancer

(2012 - 2014)

  • Triplo, Founding Partner

(May 2014 - Present)

Sunday, May 17, 15

slide-3
SLIDE 3
  • Tim Erickson
  • Barry Madore
  • David Needham

Build • Train • Mentor • Support • Community

Sunday, May 17, 15

slide-4
SLIDE 4

I The Drupal Community!

Sunday, May 17, 15

slide-5
SLIDE 5

Goals

Site builders introduction to mapping with Drupal An introduction to the variety of mapping modules available Recipes for some common mapping applications

Sunday, May 17, 15

slide-6
SLIDE 6

Back-story

As a freelancer I was spending a lot of time working in coffee shops.

Sunday, May 17, 15

slide-7
SLIDE 7

Back-story

As a freelancer I was spending a lot of time working in coffee shops. Often had the need to schedule a meeting with someone and needed a good location.

Sunday, May 17, 15

slide-8
SLIDE 8

Back-story

I knew that there were some coffee shops with meeting rooms, but didn’t know how to find them.

Sunday, May 17, 15

slide-9
SLIDE 9

I was looking for a site like this one... so, I decided to build it.

Sunday, May 17, 15

slide-10
SLIDE 10

I wanted the ability to search for coffee shops by location, or proximity.

Sunday, May 17, 15

slide-11
SLIDE 11

Or to filter by selected criteria and display on a map.

Sunday, May 17, 15

slide-12
SLIDE 12

Options ???

Location Map Geofield OpenLayers Locator

Sunday, May 17, 15

slide-13
SLIDE 13

Some mapping options:

Simple modules w/ targeted functionality

  • Location Map Module

Mapping modules to build flexible features

  • Addressfield
  • GeoField
  • GeoCoder
  • GeoPHP
  • GetLocations
  • IP Geolocation Views & Maps

Javascript Libraries

  • Leaflet
  • Openlayers

Sunday, May 17, 15

slide-14
SLIDE 14

Most basic option:

Location Map Module

https://drupal.org/project/locationmap

Enter your information

Sunday, May 17, 15

slide-15
SLIDE 15

Put the marker in the right spot on the map.

Sunday, May 17, 15

slide-16
SLIDE 16

User goes to page and sees your location on

  • map. Pop-up window shows more info.

Sunday, May 17, 15

slide-17
SLIDE 17

Multiple items on a map (old way?): Location Module

https://drupal.org/project/location

GMap Module

https://drupal.org/project/gmap

Sunday, May 17, 15

slide-18
SLIDE 18

Location Module Provides Default “Location” Field

Sunday, May 17, 15

slide-19
SLIDE 19

Use Gmap in Views to Display Information

Sunday, May 17, 15

slide-20
SLIDE 20

View Using Location and GMap

Sunday, May 17, 15

slide-21
SLIDE 21

Multiple items on a map (with proximity search): Addressfield Module

https://drupal.org/project/addressfield

Geofield Module

https://drupal.org/project/geofield

Geocoder Module

https://drupal.org/project/geocoder

GeoPHP Module

https://drupal.org/project/geophp

Sunday, May 17, 15

slide-22
SLIDE 22

Address Field module

Store address data in the database. Has special formats to meet the special requirements of different countries.

Sunday, May 17, 15

slide-23
SLIDE 23

Sunday, May 17, 15

slide-24
SLIDE 24

Geocoder module

Takes address information and using third party services converts data into latitude and longitude.

Sunday, May 17, 15

slide-25
SLIDE 25

Geofield module

Once the address or location has been converted into latitude and longitude, the information is stored in a geofield. NOTE: Some of the other mapping modules come with their own built-in version of geofield.

Sunday, May 17, 15

slide-26
SLIDE 26

geoPHP module

This module does not provide any direct functionality to end-users or site-administrators. GeoPHP is a open-source native PHP library for doing geometry operations. It works with all Simple-Feature geometries (Point, LineString, Polygon, GeometryCollection etc.) and can be used to get centroids, bounding-boxes, area, and a wide variety of

  • ther useful information.

Many other mapping modules require the geoPHP modules.

Sunday, May 17, 15

slide-27
SLIDE 27

A Recipe For Mapping Coffee Shops

Sunday, May 17, 15

slide-28
SLIDE 28

Set-up “Coffee Shop” content type:

Sunday, May 17, 15

slide-29
SLIDE 29

Sunday, May 17, 15

slide-30
SLIDE 30

Sunday, May 17, 15

slide-31
SLIDE 31

Go to Manage Display to set up the display of the map.

Sunday, May 17, 15

slide-32
SLIDE 32

Sunday, May 17, 15

slide-33
SLIDE 33

Sunday, May 17, 15

slide-34
SLIDE 34

Sunday, May 17, 15

slide-35
SLIDE 35

Over approximately 3 months, I worked and drank coffee in all of these locations.

Sunday, May 17, 15

slide-36
SLIDE 36

Javascript Libraries: Leaflet Module

https://drupal.org/project/leaflet

OpenLayers Module

https://drupal.org/project/openlayers

General Mapping Tools - Additional Features: GetLocations

https://drupal.org/project/getlocations

IP Geolocation Views & Maps Module

https://drupal.org/project/ip_geoloc

Sunday, May 17, 15

slide-37
SLIDE 37

IP Geolocation Map and Views Module

Provides access to additional mapping tools and widgets Takes the basic mapping tools and provides an easy way to tap into OpenLayers or Leaflet Javascript libraries.

Sunday, May 17, 15

slide-38
SLIDE 38

Leaflet More Maps

Sunday, May 17, 15

slide-39
SLIDE 39

ERSI National Geographic

Sunday, May 17, 15

slide-40
SLIDE 40

ESRI World Topo Map

Sunday, May 17, 15

slide-41
SLIDE 41

ERSI World Imagery

Sunday, May 17, 15

slide-42
SLIDE 42

Thunderforest OpenCycleMap

Sunday, May 17, 15

slide-43
SLIDE 43

Thunderforest Landscape

Sunday, May 17, 15

slide-44
SLIDE 44

Stamen Watercolor

Sunday, May 17, 15

slide-45
SLIDE 45

Stamen Toner

Sunday, May 17, 15

slide-46
SLIDE 46

Openlayers

Sunday, May 17, 15

slide-47
SLIDE 47

Openlayers - Polygons

Sunday, May 17, 15

slide-48
SLIDE 48

Openlayers - Polygons

Sunday, May 17, 15

slide-49
SLIDE 49

Openlayers - Polygons

Sunday, May 17, 15

slide-50
SLIDE 50

Openlayers - Polygons

Sunday, May 17, 15

slide-51
SLIDE 51

Openlayers - Polygons

Sunday, May 17, 15

slide-52
SLIDE 52

Polygons - Use Case

Sunday, May 17, 15

slide-53
SLIDE 53

Drupal Groups - Location and Mapping

https://groups.drupal.org/location-and-mapping

Comparison of Mapping Modules

https://www.drupal.org/node/1704948

Terms and Trends: DIY and Open Source Online Maps

http://thinkshout.com/blog/2012/01/sean/terms-and-trends-diy-and-open- source-online-maps/

Geospatial Modules Assessment (Aug. 2013)

https://groups.drupal.org/node/89769

A Few Resources:

Sunday, May 17, 15

slide-54
SLIDE 54

Juggling

June 25th - 28th

Sunday, May 17, 15

slide-55
SLIDE 55

Open Layers Examples:

  • http://memories.lehigh.edu
  • http://marcellex.lehigh.edu

Sunday, May 17, 15