Skip to content

Instantly share code, notes, and snippets.

@pamelafox

pamelafox/view.html

Created August 21, 2012 14:30
Download ZIP

Revisions

  1. pamelafox created this gist Aug 21, 2012.
    11 changes: 11 additions & 0 deletions view.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    <div class="control-group">
    <label class="control-label">Location</label>
    <div class="controls">
    <input name="location" type="text" placeholder="City, State, Country" value="">
    <input name="location_city" type="hidden" value="">
    <input name="location_state" type="hidden" value="">
    <input name="location_country" type="hidden" value="">
    <input name="location_lat" type="hidden">
    <input name="location_lng" type="hidden">
    </div>
    </div>
    18 changes: 18 additions & 0 deletions view.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,18 @@

    function findComponent(result, type) {
    var component = _.find(result.address_components, function(component) {
    return _.include(component.types, type);
    });
    return component && component.short_name;
    }

    var autocomplete = new google.maps.places.Autocomplete(self.$('#coursera-profile-editor-location')[0], {types: ['geocode']});

    google.maps.event.addListener(autocomplete, 'place_changed', function() {
    var place = autocomplete.getPlace();
    $('input[name="location_lat"]').val(place.geometry.location.lat());
    $('input[name="location_lng"]').val(place.geometry.location.lng());
    $('input[name="location_country"]').val(findComponent(place, 'country'));
    $('input[name="location_state"]').val(findComponent(place, 'administrative_area_level_1'));
    $('input[name="location_city"]').val(findComponent(place, 'administrative_area_level_3') || findComponent(place, 'locality'));
    });