Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Proximity search 
with Search API and 
Leaflet in Drupal 7 
Alex Bukach
The picture
The picture 
Popup Distance 
Place 
Suggestions 
Map Results
Contrib modules: Search 
Search API 
Search API Solr Geofield 
Search API Location 
Search API Location Views 
Geocomplete
Contrib modules: Map 
Leaflet 
Leaflet More Maps 
Leaflet MarkerCluster 
Leaflet Views 
Leaflet Views AJAX Popups
Setup: Field 
1. Create a content type 
2. Create a field storing coordinates
Setup: Index 
3. Create a Search API index 
4. Add Field >> LatLon Pair to index 
5. Select Latitude/longitude as field 
t...
Setup: View 
6. Create a view with exposed coordinates filter
The End?
The End? No!
Setup: Map 
7. Add new display to the view 
8. Select Leaflet Map style 
...or Leaflet Map (AJAX Popups) style
Setup: Put list and map together 
● Content pane displays (views content panes) 
● Exposed form in block 
● Page manager p...
Live example 
http://garagesaletrail.com.au/search
Try It! 
http://bit.ly/proximity-search-kickstart
Contributions 
● Geocomplete (geocomplete) 
● Leaflet Views AJAX Popups 
(leaflet_views_ajax_popup)
Bonus 
5,000+ results 
Views loads each node => custom page
Thank you! 
http://thislittleduck.com
Nächste SlideShare
Wird geladen in …5
×

Proximity search with Search API and Leaflet

2.069 Aufrufe

Veröffentlicht am

Slides from Drupal Camp MSK 2014 (http://2014.drupalcampmsk.ru/en/program/sessions/proximity-search-search-api-and-leaflet-drupal7)

Veröffentlicht in: Internet

Proximity search with Search API and Leaflet

  1. 1. Proximity search with Search API and Leaflet in Drupal 7 Alex Bukach
  2. 2. The picture
  3. 3. The picture Popup Distance Place Suggestions Map Results
  4. 4. Contrib modules: Search Search API Search API Solr Geofield Search API Location Search API Location Views Geocomplete
  5. 5. Contrib modules: Map Leaflet Leaflet More Maps Leaflet MarkerCluster Leaflet Views Leaflet Views AJAX Popups
  6. 6. Setup: Field 1. Create a content type 2. Create a field storing coordinates
  7. 7. Setup: Index 3. Create a Search API index 4. Add Field >> LatLon Pair to index 5. Select Latitude/longitude as field type
  8. 8. Setup: View 6. Create a view with exposed coordinates filter
  9. 9. The End?
  10. 10. The End? No!
  11. 11. Setup: Map 7. Add new display to the view 8. Select Leaflet Map style ...or Leaflet Map (AJAX Popups) style
  12. 12. Setup: Put list and map together ● Content pane displays (views content panes) ● Exposed form in block ● Page manager page (panels + page manager)
  13. 13. Live example http://garagesaletrail.com.au/search
  14. 14. Try It! http://bit.ly/proximity-search-kickstart
  15. 15. Contributions ● Geocomplete (geocomplete) ● Leaflet Views AJAX Popups (leaflet_views_ajax_popup)
  16. 16. Bonus 5,000+ results Views loads each node => custom page
  17. 17. Thank you! http://thislittleduck.com

×