jquery.auto-geocoder.js

(function($) {
  var geocoder = new google.maps.Geocoder();

  $.fn.autoGeocoder = function(options) {
    var autoGeocoder = $.fn.autoGeocoder;
    var options      = $.extend(true, {}, autoGeocoder.defaults, options || {});
    var setup        = options.setup || autoGeocoder.base;

    for (property in setup) {
      var length = setup[property].length;

      for (var i = 0; i < length; i++) {
        setup[property][i].call(this, options);
      }
    }

    return this.trigger('auto-geocoder.initialize');
  };

  $.fn.autoGeocoder.base = {
    initialize: [function(options) {
      options.initial.center = google.maps.LatLng.call(this, options.initial.center);

      this.bind('auto-geocoder.initialize', function() {
        $(this)
          .trigger('auto-geocoder.createMap')
          .trigger('auto-geocoder.onKeyUp');
      });
    }],

    createMap: [function(options) {
      this.bind('auto-geocoder.createMap', function() {
        var element = $('<div>', { 'class' : options.className });

        if (options.position == 'before' || options.position == 'after') {
          $(this)[options.position](element);
        } else {
          $(options.position).append(element);
        }

	// fixes the issue related to people selecting cached text input
	$(this).bind('blur.auto-geocoder', function() {
	  $(this).trigger('auto-geocoder.onKeyUp');
	});
        $(this).bind('keyup.auto-geocoder', function() {
          $(this).trigger('auto-geocoder.onKeyUp');
        });

        this.map = new google.maps.Map(element[0], options.initial);
      });
    }],

    onKeyUp: [function(options) {
      this.bind('auto-geocoder.onKeyUp', function() {
        var self    = this;
        var element = $(self);
        var address = $.trim(element.val()).replace(/\s+/g, ' ').toLowerCase();

        if (this.timeout) {
          clearTimeout(this.timeout);
        }

        if (this.previousAddress &&
            this.previousAddress == address) {
            return;
        }

        if (address == '') {
          element.trigger('auto-geocoder.onGeocodeResult', [[], '']);

          return;
        }

        this.timeout = setTimeout(function() {
          self.previousAddress = address;

          geocoder.geocode({ address: address }, function(results, status) {
            element.trigger('auto-geocoder.onGeocodeResult', [results, status]);
          });
        }, options.delay);
      });
    }],

    onGeocodeResult: [function(options) {
      this.get(0).marker = new google.maps.Marker();
      this.bind('auto-geocoder.onGeocodeResult', function(e, results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          if (options.success.zoom == 'auto') {
            this.map.fitBounds(results[0].geometry.viewport);
          } else {
            this.map.setZoom(options.success.zoom);
            this.map.setCenter(results[0].geometry.location);
          }

          this.marker.setPosition(results[0].geometry.location);
          this.marker.setMap(this.map);

          $(this).trigger('auto-geocoder.onGeocodeSuccess', [results, status]);
        } else {
          if (this.marker) {
            this.marker.setMap(null);
          }

          this.map.setZoom(options.initial.zoom);
          this.map.setCenter(options.initial.center);

          $(this).trigger('auto-geocoder.onGeocodeFailure', [results, status]);
        }
      });
    }],

    onGeocodeSuccess: [],
    onGeocodeFailure: []
  };

  $.fn.autoGeocoder.defaults = {
    className : 'jquery-auto-geocoder-map',
    position  : 'after',
    delay     : 500,
    success   : {
      zoom : 'auto'
    },
    initial  : {
      zoom           : 1,
      center         : [34, 0],
      draggable      : false,
      mapTypeId      : google.maps.MapTypeId.ROADMAP,
      mapTypeControl : false
    }
  };
})(jQuery);