InfoWindow Events Attribute Missing

[neerajkumarnj]

I have been trying to access the google map events e.g. "domready", for when user clicks a marker to open the infoWindow. But nothing seems to work. domready event is never caught or fired. I want to customize some of the things in google maps (using angular-google-maps).

How can i listen to Google Map API events? Its not specified anywhere in the documentation.
I have used something like below, but that doesn't work:

infoWindow = new google.maps.InfoWindow();
google.maps.event.addListener(infoWindow, 'domready', function() {
      // whatever you want to do once the DOM is ready
});

[nmccready]

So is your question how to deal with events in the same way as above? Cause what you have should work for your purposes of doing it 100% programatically.

[nmccready]

Anyway if the desire is to be similar to markers then the events attribute should be added to the window and windows directive. http://angular-ui.github.io/angular-google-maps/#!/api/marker

That would be the most succinct and angular approach.

But to get something working right now. You can use control and bind an empty object in your controller to the windows control. Then you can iterate and bind events through all window objects just like you have above.

http://angular-ui.github.io/angular-google-maps/#!/api/windows

[neerajkumarnj]

Apologies for the late reply, i am in middle of trying out things for maps.
But surely, it will be a great to have a "event" attribute in the window/windows directive.
Thanks for the help.

[edmondchui]

Hi, when will this be implemented? I don't seem to find it in 2.3.2 release.

I need to listen of some of the InfoWindow events listed here:

https://developers.google.com/maps/documentation/javascript/reference#InfoWindow

As a side note, with this feature implement, the current code to trigger close event can be eliminated as well:

angular-google-maps/dist/angular-google-maps.js

Lines 8479 to 8502 in cbd17a3

	InfoBox.prototype.getCloseClickHandler_ = function () {
	var me = this;
	return function (e) {
	// 1.0.3 fix: Always prevent propagation of a close box click to the map:
	e.cancelBubble = true;
	if (e.stopPropagation) {
	e.stopPropagation();
	}
	/**
	* This event is fired when the InfoBox's close box is clicked.
	* @name InfoBox#closeclick
	* @event
	*/
	google.maps.event.trigger(me, "closeclick");
	me.close();
	};
	};

[andrehsmendes]

When is it going to be implemented ?

[gigmaps]

An update to anyone trying to listen for the infowindow 'domready' event here is the solution using the current code:
http://plnkr.co/edit/WIfDF8CQ0sGJFF1DJ6PH?p=preview

As @nmccready points out you can create an empty infowindow control object within the main controller. eg:
$scope.infowindowControl = {};

Then you scope bind your new object in the ui-gmap-window directive definition like:

<ui-gmap-window
	options="windowOptions"
	closeClick="closeClick()"
	control="infowindowControl"
>

On infowindow open (actually unsure at what point) - it will pass five functions (some of which are noted in the documentation but in a rather haphazard and non-defined way - needs an update):

• getChildWindows()
• getGWindows()
• getPlurals()
• hideWindow()
• showWindow()

The one that you need is getGWindows() - you can call this inside marker click event - which will get you an array of the open infowindows, to which you can now attach an event listener in the standard google maps fashion, like:

var windows = $scope.infowindowControl.getGWindows();
	console.log('inside click after getGWindows ', windows);
google.maps.event.addListener(windows[0], 'domready', function() {
	console.log('infowindow domready just fired !!');
});

While it's not an ideal, well documented or easy solution (and took me a number of hours to figure out) - and passing functions to an empty object is frankly counter-intuitive - it does seem to work.

I've also posted this on SO here - hope this helps.