Symphony.

Introduction

This tutorial will provide a complete walkthrough of how to implement "find my nearest" functionality on your website, most commonly used for store locator searches. Since it is a complete tutorial (with full supporting code) this is intermediate level.

Google Maps makes it easier than ever to build a spatial aspect into our websites. For several years now Symphony has had a Map Location field which displays a Google Map in the backend and allows your authors to drop a marker pin onto a specific location. Version 3 of this field released in January 2010 adds some amazing new features which make a "find my nearest" search a joy to implement.

By the end of this tutorial you will have:

• installed the Map Location Field and learned how to use its main functionality
• created a Data Source filter to perform a radius search on a given location
• built a frontend to allow users to search and sort entries based on their location

Step 1. Install the Map Location Field →