Event response lacks necessary latlng data from Gmaps API

Question

Event response lacks necessary latlng data from Gmaps API

Currently, I am utilizing Angular UI Google Maps and facing an issue in retrieving the latlng when a map click event occurs. Although the map is responding, it is not providing the latlng information as expected. Below is the excerpt of my code:

Controller

$scope.map = {
  center: {
    latitude: 45, longitude: -73
  },
  zoom: 8,
  events: {
    "click": function (event) {
      console.log(event.latlng);
    }
  }
};

HTML

<ui-gmap-google-map events="map.events" center='map.center' zoom='map.zoom'></ui-gmap-google-map>

Response from Click Event:

Ln {gm_bindings_: Object, __gm: Wh, gm_accessors_: Object, mapTypeId: "roadmap", center: df…}__e3_: Object__gm: Whbounds: undefinedcenter: dfcontrols: Array[14]data: ghfeatures: UgetOptions: function () {gm_accessors_: Objectgm_bindings_: ObjectmapDataProviders: "Map data ©2014 Google"mapTypeId: "roadmap"mapTypes: DgmapUrl: "http://maps.google.com/maps?ll=45,-73&z=8&t=m&hl=en-US&gl=US&mapclient=apiv3"overlayMapTypes: lgstreetView: Uhtilt: 0tosUrl: "http://www.google.com/intl/en-US_US/help/terms_maps.html"uiGmap_id: "4b1e4213-59cd-4016-baac-2aa2af44fe1a"zoom: 8__proto__: c

If additional code is required, please do not hesitate to inform me.

Thank You

javascript angularjs google-maps

Answer 1

Answer №1

It turns out that the event will return it as an array from a third argument. Here is the updated code snippet. I hope this solution benefits someone :)

$scope.map = {
  center: {
    latitude: 45, longitude: -73
  },
  zoom: 8,
  events: {
    "click": function (event, a, b) {
      console.log(a);
      console.log(b);

    }
  }
};

Answer 2

It turns out that the event will return it as an array from a third argument. Here is the updated code snippet. I hope this solution benefits someone :)

$scope.map = {
  center: {
    latitude: 45, longitude: -73
  },
  zoom: 8,
  events: {
    "click": function (event, a, b) {
      console.log(a);
      console.log(b);

    }
  }
};

Event response lacks necessary latlng data from Gmaps API

Answer №1

Similar questions

Attempting to showcase the quantity of rows

Identify the moment all Dropzones are added to a form

Leveraging image values for selecting an image from a collection and showcasing it (Javascript)

Creating a formatted JSON string from the data retrieved using a GET request and embedding it into an HTML template to be sent as the

Is there a way to organize a list of arrays within a loop based on a specific index within each array in JavaScript?

The function WebForm_DoCallback is not recognized

Best method for distributing components across nextjs zones?

Top replacements for jQuery in AngularJS applications

The equivalent of an event listener in event handling

Including a label for an array within an unnamed array in a JSON string

Obtain an item from an array by utilizing the property with Lodash _.find

Creating HighStock charts on the server-side using NodeJS

What is the Reason for Wrapping Masterpage Javascript File References in a PlaceHolder Control?

Performing String formatting in JavaScript using an array

What is the recommended TypeScript type for setting React children?

When a row is clicked, retrieve the data specific to that row

Obtaining the latest state within the existing handler

JQuery computes the grand total without displaying it on the screen

Transform an object containing key-value pairs into an array of objects that include the key name and its corresponding value

Display a pleasant alert message when the file is not recognized as an image during the loading