I'm developing a custom control for my maps, and I would like to add a
simple close button (i.e. X) to make the control invisible (i.e. CSS
display = none). However, I can't seem to get the proper reference to
the control div element to do this -- everything I've tried gives
JavaScript errors.
I know this is sort of a JavaScript question, but I'm assuming someone
has done this before with Google Maps controls.
Here's what I'm trying below (which doesn't work); controlDiv is
declared as a object member elsewhere, but it's not accessible inside
the click handler.
MyControl.prototype.initialize = function( map )
{
this.controlDiv = document.createElement( "div" );
...
var closeButton = document.createElement( "img" );
...
google.maps.Event.addDomListener( closeButton, "click", function()
{
this.controlDiv.style.display = "none";
}
);
...
};
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Maps API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/Google-Maps-API?hl=en
-~----------~----~----~----~------~----~------~--~---
