Google Map Store Locator showing locations and popup info window in the map

Hi folks,

This is a sub post of Google Map Store locator series. In this post, we’ll see how to integrate google map in your website with some basic functionalities, like;

  1. Marking locations on map.
  2. Showing location info when clicking the location.

Here is the sample out.

Now jump to implementation part behind this, don’t expect any rocket science work here, it simple as Ctrl+C & Ctrl+P 😛

Define the html div where you want to display the store locator map.

HTML

All the reaming things are handled by JavaScript 🙂

In the above code storeLocation used to store location of the stores and storeInfo to store the information about the store.

Also have a look at following google help documents to see what kind of additional feature you can have with google map. Like Controls OverviewGoogle map events

See the sample code file here

Have fun with Google Store Locator and will see you folks in next post 😉

You may also like...

2 Responses

  1. July 20, 2015

    […] Showing location in the map with popup info window. […]

  2. July 21, 2015

    […] Google Map Store Locator showing locations and popup info window in the map […]

Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: