GitHub - cpauya/Geocoded-Autocomplete: 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

cpauya / Geocoded-Autocomplete Public

forked from lorenzsell/Geocoded-Autocomplete

Notifications You must be signed in to change notification settings
Fork 0
Star 2

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

2 stars 10 forks Branches Tags Activity

Star

Notifications

Branches Tags

Name		Name	Last commit message	Last commit date
Latest commit History 8 Commits
static		static
README		README
geocoder.html		geocoder.html

Repository files navigation

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.