September 4, 2015
Hot Topics:

# Create Your Own Store Locator with Google Maps, PHP, and MySQL

### Geocoding a Zip Code

Next, we'll need to add a form field to the page that will prompt the user to enter his zip code. We'll also add a select field that asks the user to set the radius (in miles) that the locator should use to retrieve the stores. Figure 2 shows the revised screenshot.

Figure 2. Adding the Locator Form:
The form field prompts the user to enter his zip code and a radius.

I used jQuery's `getJSON` method, which can call a PHP script and receive a returned set of coordinates, to load the database markers to the map when the page is loaded. Here's the relevant part of the jQuery/JavaScript code, which performs this task:

``````\$.getJSON('load-locations.php',
function(data) {
for(var x = 0; x < data.length; x+= 1) {
}
}
);
...
var point = new GLatLng(latitude, longitude);
var marker = new GMarker(point);
}``````

If you want to learn more about how to connect jQuery and JSON, check out the tutorial "Gluing jQuery and PHP Together with JSON".

### Locating Stores Within a Given Radius

To determine which locations reside within a given radius from a set of coordinates, we'll create a `SELECT` statement based on the Haversine formula. The Haversine formula is able to derive the distance between any two points on Earth given their coordinates. Therefore, we can use this formula to compare/calculate the distance between the stores in the `location` table and the zip code's coordinates, filtering out those that exceed the provided distance.

The Haversine formula will likely leave you straining to recall high school algebra and geometry lessons. However, understanding the formula isn't a prerequisite to taking advantage of it, so I'll forego the algebraic explanation and instead refer you to the previously linked-to Wikipedia page. It provides a deeper explanation of the details. Here's the formula when translated to SQL:

``````SELECT id,
( 3959 * acos( cos( radians(\$zipLatitude) ) * cos( radians( latitude ) ) *
sin( radians( latitude ) ) ) ) AS distance
FROM location HAVING distance < \$distance ORDER BY distance;``````

Incidentally, if you prefer to use kilometers instead of miles, substitute `3959` with `6371`.

We'll use the SQL query in a moment, but first let's look at the JavaScript code that executes when the user submits the zip code and radius through the form. This code will retrieve the provided zip code and radius, clear the current markers from the map, and then use the aforementioned `getJSON` method to call `radius.php`, passing along the coordinates and radius. The `radius.php` script will return a JSON array consisting of the coordinates of those locations falling within the specified radius. These coordinates are plotted to the map using the `addMarker()` function defined earlier in this tutorial. Here's the code:

``````// Remap markers according to zip and radius
\$('#locator').submit(function(e) {
if (geocoder) {
e.preventDefault();
zip = \$('#zip').val();
geocoder.getLatLng(
zip,
function(point) {
if (!point) {
} else {
map.clearOverlays();
var lat = point.lat();
var lng = point.lng();
function(data) {
for(var x = 0; x < data.length; x+= 1) {
}
}
);
}
}
);
}
});``````

The role of `radius.php` is simple: connect to the MySQL database and use the Haversine-adapted query to retrieve those locations falling within the defined radius:

``````<?php

\$db = new mysqli("localhost", "root", "jason", "storelocator");

\$zipLatitude  = \$_GET['latitude'];
\$zipLongitude = \$_GET['longitude'];

\$query = "SELECT id, latitude, longitude,
( 3959 * acos( cos( radians(\$zipLatitude) ) * cos( radians( latitude ) ) *
sin( radians( latitude ) ) ) ) AS distance
FROM location HAVING distance < \$radius ORDER BY distance";

\$result = \$db->query(\$query);

\$coordinates = array();

while (\$row = \$result->fetch_object()) {
\$coordinates[] = array("latitude" => \$row->latitude, "longitude" => \$row->longitude);
}

\$coordinates = json_encode(\$coordinates);

echo \$coordinates;

?>``````

When these scripts are in place, I can begin querying the database for locations residing within 10 miles of the zip code `43215`, as demonstrated in Figure 3!

Figure 3. Querying for Locations Within a Defined Radius:
I can query the database for locations residing within 10 miles of the zip code.

You can play with a live demo of the store locator here.

### Go Beyond Retail!

A Store Locator such as the one described in this article certainly has its place within the retail sector, but the potential applications are endless. If you wind up doing anything interesting with what you learned in this tutorial, I'd love to hear about it!

Jason Gilmore is founder of EasyPHPWebsites.com, and author of the popular book, "Easy PHP Websites with the Zend Framework". Formerly Apress' open source editor, Jason fostered the development of more than 60 books, along the way helping to transform their open source line into one of the industry’s most respected publishing programs. Over the years he's authored several other books, including the best-selling Beginning PHP and MySQL: From Novice to Professional (currently in its third edition), Beginning PHP and PostgreSQL: From Novice to Professional, and Beginning PHP and Oracle: From Novice to Professional.

Jason is a cofounder and speaker chair of CodeMash, a nonprofit organization tasked with hosting an annual namesake developer’s conference, and was a member of the 2008 MySQL Conference speaker selection board.

Jason has published more than 100 tutorials and articles within prominent publications such as Developer.com.

Tags: PHP, MySQL, JavaScript, Google Maps, Store Locator

Page 2 of 2

Comment and Contribute

(Maximum characters: 1200). You have characters left.

## Enterprise Development Update

Don't miss an article. Subscribe to our newsletter below.

## Most Popular Developer Stories

### Recommended Partner Resources

Thanks for your registration, follow us on our social networks to keep up-to-date