See image. Should be options to put this list at the bottom, in a flat horizontal format, or a max number of markers.

Is it possible to insert a layerGroup instead of one single layer to the markerlist?
e.g.:
var markerlist = new L.Control.ListMarkers({layer: myLayergroup});

Hi Stefan, big thanks for this plugin.
I'm making great use of it. One thing that i can't get my head around is the the behavior that sometimes map marker just disappear, and then on interaction with the map element reappear again.
It happens on zoom and pan.
Do you perhaps know where the problem here is?

Hey,
is it possible to get the marker list outside the map?

I am at my mobile at the moment, will have a closer look later at Home.

Great work, thanks Stefano!!

delete

Someone in my forum asked about such a feature like leaflet-list-markers. So I created an example page. But it does work only on desktops, with Android doesn't. I can't test on an iPhone.

Do you plan to continue working on leaflet-list-markers?

Thank you very much.

Im using the native Leaflet filtering (Layer Groups and Layers Control): https://leafletjs.com/examples/layers-control/
When I hide/show the different groups, the marker list it's not updating. How can I achieve this?
I've also tried this with the demo-project for this plugin - same results as in my project.

I've made a function that checks if each filter is checked of that helps:
let checkboxTest = document.querySelectorAll('.leaflet-control-layers-selector'); for(let i = 0; i < checkboxTest.length; i++) { checkboxTest[i].addEventListener('change', function(){ console.log(checkboxTest[i].parentElement.textContent + ' is: ' + checkboxTest[i].checked); }); }

Here is my Layer control:
`
const overLayMap = {
'Group A': groupA,
'Group B': groupB,
};

  const filter = L.control.layers(null, overLayMap, {collapsed:false}).addTo(map);

`

Great plugin!
So if i get it right:

• On hovering a list item, it's map marker is changes color
• On clicking that list item, it's map marker is centered

What would be cool:

• On hovering a map marker, its list item is changing color
• (Plus, on clicking a map marker, the description from #9 is opened)
• (Plus, on clicking a map marker, for long lists with overflow-y=scroll, the list item is scrolled to the visible viewport)

Would that be complex?

Hello,
I would need some information on list markers:

• how can I change the opacity of the list and also the background color
• how can I set the overflow so that if the markers in the list increase, they scroll through the scrollbar?
  Thanks

function to list other objects that marker

like a map of USA for list state in view

The list-markers-li list items contain <a href="#"> elements, I suggest setting the role="button" attribute (similar to Leaflet's zoom controls, for example) such that they're conveyed as buttons and not regular links to screen reader users.

Other resources that may be helpful:

• Leaflet guide to accessibility: Test your maps
• Leaflet Plugin Authoring Guide: Content Accessibility

After using this plugin within my Leaflet app, I keep on seeing the following warning:

leaflet.js:5 Deprecated include of L.Mixin.Events: this property will be removed in future releases, please inherit from L.Evented instead. Error
    at y (https://unpkg.com/[email protected]/dist/leaflet.js:5:2048)
    at Function.v.extend (https://unpkg.com/[email protected]/dist/leaflet.js:5:14706)
    at http://localhost:63342/CS3821/lib/leaflet-list-markers/dist/leaflet-list-markers.min.js:17:45
    at http://localhost:63342/CS3821/lib/leaflet-list-markers/dist/leaflet-list-markers.min.js:17:2811

The code I have in my script is the following:

let list = new L.Control.ListMarkers({layer: markersLayer, itemIcon: null});

list.on('item-mouseover', (e) => {
    e.layer.setIcon(L.icon({
        iconUrl: '../lib/leaflet-list-markers/images/select-marker.png'
    }));
}).on('item-mouseout', (e) => {
    e.layer.setIcon(L.icon({
        iconUrl: getPath() + 'marker-icon.png'
    }));
});
map.addControl(list);

What I did

I tried finding a way to fix that but I can't seem to find anything unlike the marker icon issue which I'm trying to fix (incoming issue or PR on that) (everything else on the map works fine).

Environment

I have this issue on both Opera, Chrome and Firefox (using either ArchLinux or Windows 7).

EDIT: I found a fairly simple work-around to restore the correct icon on the markers after "mousing-out" but I still get the warning.

What a super plugin! I'd love to have descriptions for the item titles, and on clicking a list item, have the description open below the item (accordion style). Would that be complex?