Tilemap Series

by Mustapha Mekhatria

Tilemaps are maps where each area is represented by tiles of equal shape. Highmaps supports four different tilemap types: Circlemap, Diamondmap, Honeycomb, and Squaremap, each with a different tile shape.

How to create a tilemap

Use the series.tileShape option to switch between the different tile shapes. Currently, four shapes are supported “circle”, “diamond”, “hexagon”and “square”. The default shape is “hexagon”.

Data structure

The data structure is the same for all tilemap types. x and y properties set the position of the tile on the grid, and value sets the value of the tile for use with a colorAxis. For more options see the series document. Note that for hexagon, circle and diamond tile shapes, the grid is offset with coordinates as follows: