Highmaps JS

Highmaps allows creation of interactive and standards compliant maps with the well-known ease of use from Highcharts. Developed for the mobile web, Highmaps works great along with Highcharts for interactive dashboards, or standalone for geo maps or heat maps.

Highmaps is a HTML5 mapping component optimised for creating schematic maps in web based projects. It extends the user friendly Highcharts JavaScript API and allows web developers to build interactive maps to display sales, election results or any other information linked to geography. Perfect for standalone use or in dashboards in combination with Highcharts!

Features

Mobile Friendly

Highmaps is designed from ground up with mobile browsers in mind. Everything from multitouch zooming to touch-friendly tooltips responds great on mobile platforms. Nevertheless, Highmaps also works in old browsers like IE6-8.

Map Collection

For your convenience, we provide a collection of hundreds of maps, all optimised for fast download and rendering with Highmaps.

Free for Non-commercial

Do you want to use Highmaps for a personal website, a school site or a non-profit organisation? Then you don't need the author's permission, just go on and use Highmaps.

Open

One of the key features of Highmaps is that under any of the licenses, free or not, you are allowed to download the source code and make your own edits. This allows for personal modifications and a great flexibility.

Pure JavaScript

Highmaps is solely based on native browser technologies and doesn't require client side plugins like Flash or Java. Furthermore you don't need to install anything on your server. No PHP or ASP.NET. Highmaps needs only one JavaScript file to run.

Dynamic

Through a full API you can add, remove and modify series and points or modify axes at any time after chart creation. Numerous events supply hooks for programming against the chart. This opens for solutions like live charts constantly updating with values from the server, user supplied data and more.

Various Map Types

Map area, map line, points of interest, bubbles on maps, heatmaps. These features correspond to series types in Highcharts.

Colour Axis

For full control over the colour layout of the Highmaps choropleth maps, a separate colour axis is displayed inside the legend. It inherits most features from scalar axes in order to provide common options like min, max, logarithic scale and more.

Navigation

Highmaps features all common ways of navigating, like plus/minus buttons, doubleclick to zoom, mousewheel zooming, multitouch and panning.

Drilldown

The drilldown module ensures smooth interaction between map areas on one layer, which zoom into a full map on the underlying layer. Let your users click their way down into increasingly local data!