Adding popups to symbols about leaflet.polylinedecorator HOT 3 CLOSED

Ok, forget what I've written previously, I missed the obvious!
PolylineDecorator itselft inherits from LayerGroup, so of course you can access individual layers. All symbols created by a PolylineDecorator will be exposed by the getLayers method, in the order they are created.
Here is how to open a popup on the first symbol:

    var pl = L.polyline([[51.51462, -0.12377], [51.5133, -0.12207]], {color: "#ff7800", weight: 1}).addTo(map);
    var pd = L.polylineDecorator(pl, {
        patterns: [
            {offset: 0, repeat: '10%', symbol: L.Symbol.marker()}
        ]
    }).addTo(map);

    pd.getLayers()[0].bindPopup('Hello world!').openPopup();

But it may be confusing if you're using multiple patterns or multiple paths on the same PolylineDecorator object, as all the different symbols will be returned by getLayers.

from leaflet.polylinedecorator.

Hi,
I think it's not possible with the way things are working right now, as symbol layers are not exposed.
I'm considering adding a method on the decorator to access the symbol objects individually, but i don't know yet how to do it cleanly, especially with the multiple path support.
As a workaround, you could create your own Symbol class, storing the Layer objects it produces in the buildSymbol method before returning them, to access them later.

from leaflet.polylinedecorator.

For me your solution leads to:

Uncaught TypeError: layer.getLatLng is not a function
    at NewClass.openPopup (leaflet.inc.js:9672)

from leaflet.polylinedecorator.