Open (Fire) a marker popup by clicking a link outside of the Leaflet map

Ok .. waiting for any response, I tried by my self and did it!
It's a matter of binding the triggered event in your js code … although the leaflet module is missing some code to reference to generated features to the $node->nid.
(some code adds are needed, that I will soon post based on this experience of mine …)

Can enjoy the result from here: http://www.italomairo.com/geoblogcms/en/ip-locations-leaflet

mouse overing the "zoom in map" highlighted in the left list …

cheers

In case of nodes, first of all it is a matter of understanding how to pass the $node->nid to a specific new property of the each leaflet feature object:

I used feature.feature_id value …
and this should be done by the leaflet_views_api.php (I guess). In my case I used the ip_geoloc module module (http://drupal.org/project/ip_geoloc), little altering its view plugin (and leaflet) style files.

Note: I tried to assign the $node->nid to the feature.leaflet_id property included in the leaflet api (and that the leaflet drupal module associate with the lFeature._leaflet_id) but this caused weird behavior (and continuous errors throwing in the browser console.log : TypeError: 'undefined' is not an object (evaluating 'this._map._panes'), especially with the marker clustering and the map.setView() method. Probably the lFeature._leaflet_id is something that should be left to the Leaflet apis management, without overriding it

Every feature in the Leaflet Map should have a feature.feature_id property equal to the $node->nid (or $term->did …): this is the first necessary condition to create a logical match between the features (and lFeatures) hold in the Leaflet map, and your nodes (or taxonomy terms) "Viewed" in the Map Page.

Once created this logic, your module's (or theme's) javascript/jquery code needs "$(document).bind(…)" the 'leaflet.feature' and 'leaflet.map' custom events that the Leaflet Module (now) triggers once the features and the map itself is created … but this binding should be done before the page (and the map) is created, as they should be available before the trigger events … So it means don't put this bindings in the $(document).ready(function () { .. } but outside/before it …

This binds might (should in my case) be like this:

 (function ($) {
    
    
    /*** Define some context general variables  ***/
    var markers = {};  // Associative Markers list object
    var markersList = []; // Unassociative Markers ordinated list array
    var features = {};  // Associative Features list object
    var featuresList = [];  // Associative Features ordinated list array
    var thisLeafletSettings ; //The Leaflet map general settings object
    var thisLeafletMap ;  //The Leaflet map object
    
        
        //retrieve the Leaflet Markers and Lefalet Features data from the Leaflet (or Leaflet Markeclusterer) module
        $(document).bind('leaflet.feature', function(e, lFeature, feature) {
            
            markers[feature.feature_id] = lFeature; 
            features[feature.feature_id] = feature;
            markersList.push(lFeature);
            featuresList.push(feature);
            
        });
        
        //retrieve the Leaflet map general settings and object itself from the Leaflet (or Leaflet Markeclusterer) module
        $(document).bind('leaflet.map', function(e, settingsLeaflet, lMap) {
            thisLeafletSettings = settingsLeaflet;
            thisLeafletMap = lMap;
        });
    
    
    // Just once the page is loaded ...
    Drupal.behaviors.my_main_leaflet_map = {
    
      attach:function (context, settings) {
        $(settings.leaflet).each(function () {
        … <em>do whatever want with the leaflet objects (Leaflet APIs … ) and your jQuery events mastering on the DOM elements</em> … 
        });

      }

    }

})(jQuery);

It's quite tricky … but it works well, as you might see here: http://www.italomairo.com/geoblogcms/en/ip-locations-leaflet

Hope all this might help

Hi proweb.ua …
it opens …

This issue has got a glob update by this one: #2056551: (my) Improvements for multiple Leaflet maps (fit bounds), interactions from outside of the map & View AJAX calls

By that now it is quite easy to access directly to the global Drupal.settings.leaflet.lMap and to its features/markers … thus being able to interact with them through out the Leaflet API.

I didn't find the time yet to write a specific blog post/tutorial on this, but really I did put you on the proper track …

syntax