Get click event Google map

[Beej]

How do I get a click event to fire on a Google map? The click event for the control fires no problem, but not the map itself, so its event can be used.

Perused this page and nothing helped:
https://getsatisfaction.com/apperyio/...

This should be an easy task, but doesn't work (no error messages):
premap = new google.maps.Map(document.getElementById('pageName_map'));
google.maps.event.addListener(map, 'click', function(event) {
console.log('click');
ClearMarkers();
AddMarker(map, event.latLng);
});/pre

[Alena Prykhodko]

Hello,

Could you please specify what are you trying to do?
Do you want to add come action when you click on map?

[Beej]

Like the code sample suggests, I want to allow a user to choose a location on the map, when they click (or tap) on it.

I don't know how to access the proper map object in Appery....

[Beej]

I had to do one of these to wait for the gmap property of the map object:
prevar max = 10;
var cnt = 0;
function Wait() {
if (typeof Appery('map_begin')&#46;gmap == 'undefined' && cnt < max) {
cnt++;
setTimeout(Wait, 1000);
return;
}
gMap = Appery('map_begin')&#46;gmap;
google&#46;maps&#46;event&#46;addListener(gMap, 'click', function(event) {
console&#46;log('google click');
ClearMarkers();
AddMarker(gMap, event&#46;latLng);
});
}
Wait();/pre
This is in the page load event. Is there a more elegant way to do this?

Probably just create my own map object altogether...?

[Yurii Orishchuk]

Hi Beej,

Yes you can access this object before google map component will initialized.

Please use following code to get this object.

pre

Code: Select all

 //Note: you should to replace "google_map" with your map component name. 
 var mapName = "google_map"; 

 var map = Appery(mapName).options.mapElement.gmap('get', 'map'); 

 //Now you can use map object. 

/pre

Regards.

[Beej]

Exactly what I needed. Thanks!