Advertisement
Guest User

Untitled

a guest
Nov 21st, 2014
155
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.55 KB | None | 0 0
  1. <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&libraries=places"></script>
  2. <script type="text/javascript">
  3. var placeSearch,autocomplete;
  4. function initialize() {
  5. autocomplete = new google.maps.places.Autocomplete(document.getElementById('autocomplete'), { types: [ 'geocode' ] });
  6. google.maps.event.addListener(autocomplete, 'place_changed', function() {
  7. fillInAddress();
  8. });
  9.  
  10. autocomplete2 = new google.maps.places.Autocomplete(document.getElementById('autocomplete2'), { types: [ 'geocode' ] });
  11. google.maps.event.addListener(autocomplete2, 'place_changed', function() {
  12. fillInAddress();
  13. });
  14. }
  15. function fillInAddress() {
  16. var place = autocomplete.getPlace();
  17.  
  18. for (var component in component_form) {
  19. document.getElementById(component).value = "";
  20. document.getElementById(component).disabled = false;
  21. }
  22.  
  23. for (var j = 0; j < place.address_components.length; j++) {
  24. var att = place.address_components[j].types[0];
  25. if (component_form[att]) {
  26. var val = place.address_components[j][component_form[att]];
  27. document.getElementById(att).value = val;
  28. }
  29. }
  30. }
  31. </script>
  32.  
  33. <div class="field">
  34. <%= label_tag ("Pickup Location: ") %><br>
  35. <%= text_field_tag :pickup_loc, nil, :id => "autocomplete", :placeholder => "Enter your pickup location" %>
  36. </div>
  37. <div class="field">
  38. <%= label_tag ("Drop Location: ") %><br>
  39. <%= text_field_tag :drop_loc, nil, :id => "autocomplete2", :placeholder => "Enter your dropoff location" %>
  40. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement