Showing multiple locations on a single map isn’t easy. Both from visual and performance point of view.
But fortunately, there’s a solution to this problem, called marker clustering. Basically, it’s about gathering points together in groups called clusters. Their size depends on current map zoom settings. It helps a lot when it comes to navigation through the map.
In this text, I’m going to show you how you can achieve it in your Angular project using the Leaflet map with Leaflet.markercluster library.
Continue reading How to provide marker clustering on the Leaflet map in the Angular project 🗺📌
Geocoding is the term used to describe the process of exchanging address into corresponding geographical data (coordinates).
If you’re looking for out-of-the-box geocoding services there are plenty of them. For example, you can consider the most popular one – Google Maps Geocoding API which is pretty good but it’s not really free to use.
There’s a different solution, especially if you’re using OpenStreetMaps-related maps engine. It’s called Nominatim and basically it’s the OSM searching engine with open web API.
Continue reading Angular 10 with Leaflet map – geocoding using Nominatim API
If you’re considering using interactive maps in your Angular application definitely Leaflet is a great choice. It’s open, easy to integrate with, and has strong community support.
In my opinion, it’s the best alternative to Google Maps. So, don’t lose the opportunity and check it yourself. I hope it will fit your needs.
Continue reading Use Leaflet in your Angular 10 project for interactive maps
“This page can’t load Google Maps correctly” or “For development purposes only“…
Sound familiar to you?
Continue reading What map engine choose when Google Maps crashed? 3 best alternatives