HackTech/text.html at master · PoojaDoctor/HackTech · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <div id="locationField">
      <input id="autocomplete" placeholder="Enter your city" type="text" />
    </div>
    <script>
    var placeSearch, autocomplete, geocoder;
    function initAutocomplete() {
      geocoder = new google.maps.Geocoder();
      autocomplete = new google.maps.places.Autocomplete(
        (document.getElementById('autocomplete')), {
          types: ['geocode']
        });
      autocomplete.addListener('place_changed', fillInAddress);
    }
    function codeAddress(address) {
      geocoder.geocode({
        'address': address
      }, function(results, status) {
        if (status == 'OK') {
          // This is the lat and lng results[0].geometry.location
          alert(results[0].geometry.location);
        } else {
          alert('Geocode was not successful for the following reason: ' + status);
        }
      });
    }
    function fillInAddress() {
      var place = autocomplete.getPlace();
      codeAddress(document.getElementById('autocomplete').value);
    }
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCTMcRQc6JivsxcDR2vrNQtpcMj6xh9J_g&libraries=places&callback=initAutocomplete" async defer></script>
  </body>
</html>