latLng returns empty object- Google maps javascript API

Question

I use a google map with javaScript and my code is :

 <script type="text/javascript">
    var map;
    function initialize() {
        var myLatlng = new google.maps.LatLng(-12.043333,-77.028333);
        var myOptions = {
        zoom: 17,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.SATELLITE
      };


      map = new google.maps.Map(document.getElementById('map_canvas'),
          myOptions);
      google.maps.event.addListener(map, "mousedown", function (e) {

                        //lat and lng is available in e object
                        var latLng = e.latLng;
                        console.log(latLng);
                    });
   }

    google.maps.event.addDomListener(window, 'load', initialize);
  </script>`

The result of e.latLng is an empty object. I tried to click the event, but the result is empty. What should I do or change?

According to the documentation, there is no 'mousedown' event on the Map class. Maybe you want to use 'click' instead. — duncan
– duncan, Commented Sep 8, 2017 at 11:22
The object you are logging is a google.maps.LatLng object. It has a .lat(), .lng(), andto UrlValue() methods, try using them... fiddle — geocodezip
– geocodezip, Commented Sep 8, 2017 at 13:04

jANVI · Accepted Answer · 2017-09-08 09:17:10Z

1

Your code is working fine :

Click on map and your coordinates will come in alert

Please check here

answered Sep 8, 2017 at 9:17

jANVI

7483 silver badges12 bronze badges

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

1 Comment

amer alhosary Over a year ago

it still not working :( the result :Object { lat: _.F/this.lat(), lng: _.F/this.lng() } i'm working with localhost

Collectives™ on Stack Overflow

latLng returns empty object- Google maps javascript API

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related