Question 1

How to fix marker icons not showing in ngx-leaflet?

Accepted Answer

Configure Angular CLI to copy Leaflet's image assets by updating angular.json and set custom icon URLs in the marker options, as outlined in the 'A Note About Markers' section. This ensures markers load correctly in built applications.

Question 2

ngx-leaflet vs leaflet-directive for Angular?

Accepted Answer

ngx-leaflet is the modern, actively maintained choice for Angular, with better support for recent Angular versions and reactive patterns. Older libraries like angular-leaflet-directive may lack updates and compatibility with newer Angular features.

Question 3

Why isn't my ngx-leaflet map updating when data changes?

Accepted Answer

Check if you're using mutable layer bindings correctly and consider change detection strategies. The README notes that mutable changes are detected, but for performance, use OnPush or layer groups to optimize updates and avoid deep compares.

Question 4

How to handle custom Leaflet events not in ngx-leaflet?

Accepted Answer

Access the Leaflet map instance via the leafletMapReady event or directive injection, then register event handlers manually. Remember to run code inside NgZone or trigger change detection to sync with Angular bindings, as explained in the change detection note.

Question 5

Can I use ngx-leaflet with Angular Universal for SSR?

Accepted Answer

Server-side rendering with Leaflet is challenging due to its client-heavy nature. ngx-leaflet doesn't provide built-in SSR support, so you may need to conditionally render maps or use placeholders on the server to avoid errors.

Question 6

What's the best way to add many markers in ngx-leaflet?

Accepted Answer

Group markers into a Leaflet layer group to reduce the number of layers tracked by ngx-leaflet's diffing mechanism. This improves performance, as recommended in the mutable layers section for handling large datasets efficiently.

ngx-leaflet

What is ngx-leaflet?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions