Mapping in Drupal with   Christina Dulude        Google Maps      DrupalCamp NH
Who am I?• Information Architect/User  Experience Designer at  Dartmouth College• Organizer, Upper Valley Drupal  Users Gr...
We will discuss...• Installation & setup of GMap module• Handling large numbers of mapped nodes• Taking your maps further ...
Getting started• Why GMap?• What can I map with GMap?• GMap module: http://drupal.org/project/gmap• Location module: http:...
Configure GMap• Configuration > Web Services  > GMap• Input Google Maps API key• Set default map width, height,  center, z...
Configure GMapLocation• Configuration > Web Services  > GMap Location• Setting up a macro• Settings for user locations• Se...
Mapping user locations
Mapping node locations
Handling large numbers of marker: marker managers and clusterersConfiguration > Web Services > GMap
Displaying Views output as a map
Modules mentionedin this presentation• GMap  http://drupal.org/project/gmap• Location  http://drupal.org/project/location•...
Upcoming SlideShare
Loading in …5
×

Mapping in Drupal with Google Maps

3,149 views

Published on

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,149
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
26
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Mapping in Drupal with Google Maps

    1. 1. Mapping in Drupal with Christina Dulude Google Maps DrupalCamp NH
    2. 2. Who am I?• Information Architect/User Experience Designer at Dartmouth College• Organizer, Upper Valley Drupal Users Group• Map enthusiast• cdulude@gmail.com• @cdulude
    3. 3. We will discuss...• Installation & setup of GMap module• Handling large numbers of mapped nodes• Taking your maps further with Views• The future of mapping in Drupal
    4. 4. Getting started• Why GMap?• What can I map with GMap?• GMap module: http://drupal.org/project/gmap• Location module: http://drupal.org/project/location• Google Maps API key: http://code.google.com/apis/maps/signup.html
    5. 5. Configure GMap• Configuration > Web Services > GMap• Input Google Maps API key• Set default map width, height, center, zoom• Set map type (street map, terrain, etc.)• Marker behaviors
    6. 6. Configure GMapLocation• Configuration > Web Services > GMap Location• Setting up a macro• Settings for user locations• Settings for node locations• Set markers
    7. 7. Mapping user locations
    8. 8. Mapping node locations
    9. 9. Handling large numbers of marker: marker managers and clusterersConfiguration > Web Services > GMap
    10. 10. Displaying Views output as a map
    11. 11. Modules mentionedin this presentation• GMap http://drupal.org/project/gmap• Location http://drupal.org/project/location• Views http://drupal.org/project/views• CTools http://drupal.org/project/ctools• Devel: http://drupal.org/project/devel

    ×