Geocoded-Autocomplete icon indicating copy to clipboard operation
Geocoded-Autocomplete copied to clipboard

Autocomplete widget that extends jQuery UI 1.8 using the Google Maps API v3 to give users an interactive map with which to explore suggestions

Geocoded Autocomplete Written by: Lorenz Sell | @lorenzsell | [email protected] With inspiration from: http://tech.cibul.org/geocode-with-google-maps-api-v3/ Demo: http://fromwith.in/projects/Geocoded-Autocomplete/geocoder.html

This plugin used Google Maps API v3 to extend the jQuery UI 1.8 Autocomplete widget to provide geocoded autocomplete suggestions with an interactive map.

Required:

#mapwindow - this is where the Google Map will load #mapframe - this contains the window that loads the Google Map. I couldn't get the z-index to work properly when applied directly to the mapwindow, that's why there's the extra mark up #mapaddress - this is the address string to be geocoded

Optional:

(I usually hide these two fields through CSS and reference them programatically) #filter_lat - geocoded lat results returned from Google filter_lng - geocoded lnt results returned from Google

Notes:

Everything can be custom themed from the CSS file EXCEPT FOR the menu item width which is set in the main .js file.