Google maps API: Cannot read property '__e3_' of undefined

Question

Here is the Listener I'm adding -

var map;     var geocoder;     function initialize() {         var myOptions = {           zoom: 8,           center: new google.maps.LatLng(22, 88),           mapTypeId: google.maps.MapTypeId.ROADMAP         };         map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);     }     //google.maps.event.addDomListener(window, 'load', initialize);     google.maps.event.addListener(map, 'click', function(event) {         geocoder = new google.maps.Geocoder();         geocoder.geocode( { 'latLng': event.latLng}, function(results, status) {              if (status == google.maps.GeocoderStatus.OK) {                 alert(results);             } else {                 alert("Geocode was not successful for the following reason: " + status);             }         });     }); 

But it is generating this error in console -

Uncaught TypeError: Cannot read property '__e3_' of undefined Ke Ie R.addListener (anonymous function) 

Tried searching. But got no solution.

Answer 1

Move your listener into the initializer function.

Answer 2

It's hard to tell with only a small part of your code, but that sounds like it cannot find "map".

Either your map variable is not global, or somehow accessible by that code OR the map was not created with:

map = new google.maps.Map(....) 

before you try and add a new click listener.