Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms, can be extended with lots of plugins, has a beautiful, easy to use and well-documented API and a simple, readable source code that is a joy to contribute to. LeafletJS Map Website
You can add LeafletJS Map easily by using the following Qwik starter script:
npm run qwik add leaflet-map
The previous command updates your app with the necessary dependencies.
It also adds new files to your project folder:
src/helpers/boundary-box.tsx: Check map area boundaries function.
src/models/location.ts: Model to define locations info elements to use in props.
src/models/map.ts: Model to define map info to use in props.
src/components/leaflet-map/index.tsx: Leaflet map simple map features component.
src/routes/basic-map/index.tsx: Example to consume Leaflet Map component with demo data