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