GoogleMap Markers jQuery from HTML list !

This is one of my favorite jQuery plugins, it has far reaching features. It’s ease of use and implementation means even novices can plot markers on Google Maps with absolute simplistic ease.

How it works
```
         <script>
           gmap = new GMap2(document.getElementById('map'));
           gmap.setCenter(new GLatLng(0, 0), 13);
           $('#brisbane').gmaplist(gmap);
         </script>
```
The list element to propgate the markers
```
<div id="map" style="display:none"></div>
         <ul id="brisbane">
           <li>Redcliffe, QLD</li>
           <li>Cornubia, QLD</li>
           <li>Birkdale, QLD</li>
           <li>Wellington Point, QLD</li>
           <li>Burpengary, QLD</li>
           <li>Jimboomba, QLD</li>
         </ul>
       </div>
```
Enjoyed this post? Subscribe to our RSS feeds!

Options

The plugin accepts an options object. The following variables are accepted:
- delay: The lookup delay in milliseconds.
  Geocoding lookups need to be throttled to prevent 602 errors. The default value of 100ms is typically good enough.
- loadingGraphic: Path to a loading graphic
  The map is not displayed until all geocoding has been performed. This option is the path to a loading graphic
- debug: Logs some debugging info to the console
  Currently logs each point result from the Google gatLatLng() hook.
Author: Nicholas J Mahoney
Download: Gmap List
jQuery: repository

Who could use this ?

Just about anyone. Ideally suited to shopping websites, transport websites showing depots and stores. Perhaps real estate etc.. the uses are limitless.

Make a donation

Related Posts:
GD Star Rating
loading…
August 14th, 2010 | Blue | No Comments | Tags: gmap, google map, jquery

About The Author

Steve

Hi I am a webdeveloper based in Brisbane, Australia. Fanatical about the internet and website code and development. Hence this site, a showcase resource site for you to get the latest greatest code , scripts , apps and demos all from the one venue.