How to get coordinates of a place using google map javascript api

Question

I have a address, i want to display it on the map and also get the lat/lng

   <body>
    <div id="floating-panel">
          <input id="address" type="textbox" value="Sydney, NSW">
          <input id="submit" type="button" value="Geocode">
        </div>
        <div id="map"></div>
        <script>
          function initMap() {
            var map = new google.maps.Map(document.getElementById('map'), {
              zoom: 8,
              center: {lat: -34.397, lng: 150.644}
            });
            var geocoder = new google.maps.Geocoder();

            document.getElementById('submit').addEventListener('click', function() {
              geocodeAddress(geocoder, map);
            });
          }

          function geocodeAddress(geocoder, resultsMap) {
            var address = document.getElementById('address').value;
            geocoder.geocode({'address': address}, function(results, status) {
              if (status === 'OK') {
                resultsMap.setCenter(results[0].geometry.location);
                //////////////////////////////////////////
                console.log(results[0].geometry.location);
                //////////////////////////////////////////
                var marker = new google.maps.Marker({
                  map: resultsMap,
                  position: results[0].geometry.location
                });
              } else {
                alert('Geocode was not successful for the following reason: ' + status);
              }
            });
          }
        </script>
        <script async defer
        src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
        </script>
      </body>

I got this:

the map works fine but i can't get the lng/lat.

How can i get that using the Maps JavaScript API or i have to use other map API like Geocoding API

Here's the documentation for the LatLng class ~ developers.google.com/maps/documentation/javascript/reference/…. You want to use the lat() and lng() methods — Phil
– Phil, Commented Jun 9, 2020 at 0:50

Christopher Ransom · Accepted Answer · 2020-06-09 00:49:48Z

1

As you can see from your own screenshot, in order to retrieve the calculated values of lat/long, you need to treat those attributes like functions.

let latVal = results[0].geometry.location.lat();
let lngVal = results[0].geometry.location.lng();

answered Jun 9, 2020 at 0:49

Christopher Ransom

2,0683 gold badges31 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get coordinates of a place using google map javascript api

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related