how to attach an event listener using jQuery map v3?

Question

i am trying to load more markers when the map is dragged and i'm not sure how to get the current bounds.

var map = $('#map');
map.gmap().bind('init', function(evt, map) {
    $(map).dragend(function(){
        console.log('a');
    });
});

i need to somehow get the current bounds inside the dragend callback and load more markers..

notice that i am using jQuery UI Map v3 and not Google Maps Api v3 witch is a bit different in the way it calls different methods

anyone has any ideas, i can't find this in the wiki?

thanks

no errors, i just don't know how to proceed further – Patrioticcow Aug 20 '13 at 05:51 — Patrioticcow, Aug 20 '13 at 05:51

score 0 · Accepted Answer · answered Aug 20 '13 at 18:46

variant #1 (using the addEventListener-method of the plugin)

    $(function() { 
      $('#map_canvas')
        .gmap()
          .bind('init', function(evt, map) {
              $(map)
                .addEventListener('dragend',function(){
                                    console.log('a');
                                  });
                });
    });

variant #2(using the addEventListener-method of the google-Maps-API)

$(function() { 
  $('#map_canvas')
    .gmap()
      .bind('init', function(evt, map) {
          google.maps.event.addListener(map,'dragend',function(){
                                console.log('b');
                              });
            });
});

how to attach an event listener using jQuery map v3?

1 Answers1