CODEWITHSUNDEEP
ruby-on-railsgoogle-mapsruby-on-rails-4gmaps4railsgmaps4rails2
ralphie02
ralphie02

Reputation: 5

gmaps4rails v2 polygon click event

What I am trying to do is something similar to this (how to set a zoom level using Gmap4rails)
but instead of:

google.maps.event.addListenerOnce(Gmaps.map.getMapObject(), 'idle', function(){}

I want something like

google.maps.event.addListenerOnce(polygon, 'click', function(){}

_
So I tried to do this as an experiment: 

handler.buildMap({ provider: {}, internal: {id: 'map'}}, function(){
      polygon = handler.addPolygons(<%= raw @myhash.to_json %>);
}
google.maps.event.addListener(polygon, "click", function( evt ) {
      alert("hello!");
});

But it doesn't work....

So my question is, how would I add a listener for Polygons?

Upvotes: 0

Views: 706

Answers (2)

apneadiving
apneadiving

Reputation: 115541

It's a matter of variable scope and the real google object lives within the gmaps4rails proxy object:

handler.buildMap({ provider: {}, internal: {id: 'map'}}, function(){
  var polygons = handler.addPolygons(<%= raw @myhash.to_json %>);

  for (var i=0;i < polygons.length; i++){
    var polygon = polygons[i];
    google.maps.event.addListener(polygon.getServiceObject(), "click", function(evt) {
      alert("hello!");
    });
  }
}

Upvotes: 0

piersadrian
piersadrian

Reputation: 1703

The docs say google.maps.event.addListener and google.maps.event.addListenerOnce only accept a single object as their first argument, so the array of markers probably won't work. You'll need to call addListener once for each Marker. Something roughly like:

handler.buildMap({ provider: {}, internal: {id: 'map'}}, function(){
    markers = handler.addMarkers(<%= raw @myhash.to_json %>);

    for (marker in markers) {
        google.maps.event.addListener(marker, "click", function( evt ) {
            alert("hello!");
        });
    }
}

should work alright.

Upvotes: 1

Related Questions