#Maptiler small font how to

To create a marker cluster, let’s first look at how to create non-clustered markers. This example focuses on web maps, but there is a similar utility within the Google Maps Platform Android and iOS SDKs. You can add clustering to a map with just a few additional lines of JavaScript. Marker clustering is a useful tool for visually consolidating markers, making it easier for viewers to understand a map as a whole by combining nearby markers on a map into a cluster, which is presented on the map as a single icon. With a simple open-source library and a small change to your map code, you can add marker clustering to greatly improve your user experience. This is where marker clustering comes in. If your map looks like this, it might keep users from absorbing all the great information you’re trying to present. There are fewer than 25 locations, but they’re close enough together that they can’t all be shown on the map without creating overlap. Let’s start by taking a look at this map that shows a set of markers spread across Australia and New Zealand:Įven though we’ve provided useful labels for each marker, many of them are so close in proximity that they overlap and are not visible. We’ll also cover a bit about how it works to help you better understand how you can tune marker clustering for your own projects. In this post, we’ll cover how to use the marker clusterer library in JavaScript to communicate the same information in aggregate without all the overlapping markers. Hundreds of data points clumped together can get in the way of clarity. But it has to be presented in a way that can be easily understood–with just a quick glance conveying the big picture and encouraging users to explore more. If you want to present a lot of geographic information in an easily consumable form, you’ll probably use a map.