According to the documentation an ImageMapType doesn't have a click
event.
I see two possibilities: Either check if your ImageMapType is
currently displayed. Something like that
google.maps.event.addListener(map, "click", function() {
if (map.getMapTypeId() == "yourtype") do_something();
Or you add the listener only when it should be used and remove it
otherwise.
On Sep 11, 12:36 am, "punk.kish" <[email protected]> wrote:
> Note: I can't post a live link to my web app because the app is not
> live yet. It is on my laptop running on localhost. With that preamble
> out of the way, my question is, "Can I add event listeners to overlay
> ImageMapType?"
>
> Here is the background -- I am trying to add infowindow click listener
> to an ImageMapType layer in Gmaps V3. My code is straightforward --
>
> // Initialize the map
> var map = new google.maps.Map(document.getElementById("map"), {
> "zoom" : 10,
> "center" : new google.maps.LatLng(43.13, -89.33),
> "mapTypeId" : google.maps.MapTypeId.TERRAIN
>
> });
>
> // Create an ImageMapType overlay
> var layer = new google.maps.ImageMapType({
> "getTileUrl" : function (tile, zoom) {
> return url + tile.x + '+' + tile.y + '+' + zoom;
> },
> "tileSize" : new google.maps.Size(256, 256),
> "isPng" : false,
> "opacity" : 0.5,
> "maxZoom" : 17,
> "minZoom" : 1
>
> });
>
> // Add a click event listener to poly layer to open infowindow
> var infowindow = new google.maps.InfoWindow();
> google.maps.event.addListener(layer, "click", function(event) {
>
> // Get infowindow content via Ajax
> $.ajax({
> "url": ajaxUrl,
> "data": "",
> "type": "GET",
> "success": function(data) {
> infowindow.setContent(str);
> infowindow.setPosition(event.latLng);
> infowindow.open(map);
> }
> });
>
> });
>
> // Add the overlay to the map
> map.overlayMapTypes.insertAt(0, layer);
>
> The map and the layer are drawn correctly, but the mouse click is not
> trapped at all. Ideally, I would like to close any already open
> infowindow and open a new one at the point of click.
>
> If I make the following change to the above code
>
> -- google.maps.event.addListener(layer, "click", function(event) {
> ++ google.maps.event.addListener(map, "click", function(event) {
>
> then the infowindow opens just fine. Of course, now my entire map is
> listening for the event, and that is not what I want. I only want the
> custom layer to be doing so.
--
You received this message because you are subscribed to the Google Groups
"Google Maps JavaScript API v3" 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-js-api-v3?hl=en.
