HERE Maps API - How to cluster map markers

This article explains how to create clustered markers.

Article Metadata

---

Code Example

Source file: ClusterExample.zip

---

Tested with

Devices(s): Internet Explorer, Google Chrome , Firefox

---

Compatibility

Platform(s): Web

Dependencies: Nokia Maps 2.2.0

---

Article

Keywords: Nokia Maps, Marker, Cluster , Large Dataset

Created: jasfox (12 Jun 2012)

Last edited: jasfox (13 Jun 2012)

See Also

• Nokia Maps API
• Custom SVG graphics
• Rendering a value based heat map

Under Construction: (20120612125326) This article is under construction and it may have outstanding issues. If you have any comments please use the comments tab.

Introduction

When displaying a very large number of markers, it is likely that the map display will look very cluttered. It can be difficult to understand geographical distribution of the given data set, and performance will be reduced as each marker will take time to be rendered. What is required is a method of display the data appropriately at different zooms, showing more details as the user drills down to display a smaller area. Marker clustering achieves this by summarizing the data at higher zoom levels. An illustration of the problem and its solution can be seen below.

Map at low zoom displaying 2000 Markers distributed between Texas and the Eastern Seaboard of the U.S.A.

Cluster Map at low zoom summarizing 2000 Markers distributed between Texas and the Eastern Seaboard of the U.S.A.

Cluster map at a higher zoom, showing the Eastern Seaboard only

Summary

Add categories below. Remove Category:Draft when the page is complete or near complete