update lat/lng element

mikekelly · Dec 22, 2010 · 5910e4c · 5910e4c
1 parent 8e44157
commit 5910e4c
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 8 deletions.
diff --git a/demos/demo.css b/demos/demo.css
@@ -38,15 +38,17 @@ label {
 }
 
 .ui-autocomplete-input, .input input {
-  border: 1px solid #DDD; 
+  border: none; 
   font-size: 14px;
-  width: 150px;
+  width: 300px;
   height: 24px;
   margin-bottom: 5px;
+  padding-top: 2px;
 }
 
 .ui-autocomplete-input {
-  width: 300px !important;
+  border: 1px solid #DDD !important;
+  padding-top: 0px !important;
 }
 
 .ui-addresspicker-map {

diff --git a/demos/index.html b/demos/index.html
@@ -15,7 +15,9 @@
 		var addresspicker = $( "#addresspicker" ).addresspicker();
 		var addresspickerMap = $( "#addresspicker_map" ).addresspicker({
 		  withMap: true,
-		  mapBeforeElement: $( "#addresspicker_map" ).parent()
+		  mapBeforeElement: $( "#addresspicker_map" ).parent(),
+		  latElement: $('#lat'),
+		  lngElement: $('#lng')
 		});
 		var gmarker = addresspickerMap.addresspicker( "marker");
 		gmarker.setVisible(true);

diff --git a/src/jquery.ui.addresspicker.js b/src/jquery.ui.addresspicker.js
@@ -47,6 +47,8 @@ $.widget( "ui.addresspicker", {
   		$(this.options.mapBeforeElement || this.element).after(this.mapElement);
   		this._initMap()
 		}
+		this.lat = $(this.options.latElement);
+		this.lng = $(this.options.lngElement);
 	},
 
 	destroy: function() {
@@ -62,12 +64,21 @@ $.widget( "ui.addresspicker", {
       position: this.options.mapOptions.center, 
       map:this.gmap, 
       draggable: this.options.draggableMarker});
-    google.maps.event.addListener(this.gmarker, 'dragend', $.proxy(this._updatePosition, this));
+    google.maps.event.addListener(this.gmarker, 'dragend', $.proxy(this._markerMoved, this));
     this.gmarker.setVisible(false);
   },
 
-  _updatePosition: function() {
-
+  _updatePosition: function(location) {
+    if (this.lat) {
+      this.lat.val(location.lat())
+    }
+    if (this.lng) {
+      this.lng.val(location.lng())
+    }
+  },
+
+  _markerMoved: function() {
+    this._updatePosition(this.gmarker.getPosition());
   },
 
   // Autocomplete source method: fill its suggests with google geocoder results
@@ -89,7 +100,7 @@ $.widget( "ui.addresspicker", {
     this.gmarker.setVisible(true);
 
     this.gmap.fitBounds(address.geometry.viewport);
-    //updatePosition(address.geometry.location);
+    this._updatePosition(address.geometry.location);
   },
 
 	_setOption: function( key, value ) {