{"id":5370,"date":"2014-02-24T09:04:13","date_gmt":"2014-02-24T09:04:13","guid":{"rendered":"http:\/\/www.highcharts.com\/blog\/?p=5370"},"modified":"2026-01-07T14:45:14","modified_gmt":"2026-01-07T14:45:14","slug":"139-highmaps-released","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/news\/139-highmaps-released\/","title":{"rendered":"Highmaps Released"},"content":{"rendered":"<p>We&#8217;re proud to announce Highmaps 1.0, the mapping component for Highcharts. Highmaps allows creation of interactive and standards compliant maps with the well-known ease of use from Highcharts.<\/p>\n<p>Developed for the mobile web, Highmaps works great along with Highcharts for interactive dashboards, or standalone for geo maps or heat maps.<\/p>\n<h2>COUPON CODE<\/h2>\n<p>Go to our shop within the June 30th, and you&#8217;ll receive a 20% discount for Highmaps! All you need to do is to enter &#8220;highmaps&#8221; as the coupon code.<\/p>\n<p><a class=\"button\" href=\"http:\/\/shop.highsoft.com\/highmaps.html\">BUY NOW<\/a><\/p>\n<h2>RESOURCES<\/h2>\n<ul>\n<li>View the demos at <a href=\"https:\/\/www.highcharts.com\/maps\/demo\/\">www.highcharts.com\/maps\/demo<\/a>.<\/li>\n<li>Read the docs at <a href=\"https:\/\/www.highcharts.com\/docs\/maps\/getting-started\">www.highcharts.com\/docs\/maps<\/a>.<\/li>\n<li>Read the full API reference and view 101 samples at <a href=\"http:\/\/api.highcharts.com\/highmaps\">api.highcharts.com\/highmaps<\/a>.<\/li>\n<li>Download <a href=\"https:\/\/www.highcharts.com\/download\">the zip package<\/a>. You can also run the files directly from <code>https:\/\/code.highcharts.com\/maps\/<\/code>, like for example<code>https:\/\/code.highcharts.com\/maps\/highmaps.js<\/code>.<\/li>\n<li>View our featured <a href=\"https:\/\/code.highcharts.com\/mapdata\/\">Map Collection<\/a>, currently of 387 maps. In our <a href=\"https:\/\/www.highcharts.com\/maps\/demo\/all-maps\">Overview demo<\/a>, you&#8217;ll find a searchable and drillable presentation.<\/li>\n<\/ul>\n<h2>DEMO<\/h2>\n<p><iframe height=\"850\" style=\"width: 100%;\" scrolling=\"no\" title=\"Rich information on click\" src=\"https:\/\/codepen.io\/mushigh\/embed\/yLJLVKZ?height=265&#038;theme-id=light&#038;default-tab=result\" frameborder=\"no\" loading=\"lazy\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/mushigh\/pen\/yLJLVKZ'>Rich information on click<\/a> by mustapha mekhatria<br \/>\n  (<a href='https:\/\/codepen.io\/mushigh'>@mushigh<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<p>&nbsp;<\/p>\n<h2>FEATURES<\/h2>\n<div class=\"intro\">\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"float-right alignright\" src=\"https:\/\/www.highcharts.com\/blog\/wp-content\/uploads\/2016\/05\/browsers-1.png\" alt=\"\" width=\"164\" height=\"124\" border=\"0\" \/>MOBILE FRIENDLY<\/h4>\n<p>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.<\/p>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"float-left alignleft\" src=\"https:\/\/www.highcharts.com\/blog\/wp-content\/uploads\/2016\/05\/map-collection.png\" alt=\"\" width=\"164\" height=\"124\" border=\"0\" \/>MAP COLLECTION<\/h4>\n<p>For your convenience, we provide a collection of hundreds of maps, all optimized for fast download and rendering with Highmaps.<\/p>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"float-right alignright\" src=\"https:\/\/www.highcharts.com\/blog\/wp-content\/uploads\/2016\/05\/map-types-1.png\" alt=\"\" width=\"164\" height=\"124\" border=\"0\" \/>VARIOUS MAP TYPES<\/h4>\n<p>Map area, map line, points of interest, bubbles on maps, heatmaps. These features correspond to series types in Highcharts.<\/p>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"float-left alignleft\" src=\"https:\/\/www.highcharts.com\/blog\/wp-content\/uploads\/2016\/05\/color-axis-1.png\" alt=\"\" width=\"164\" height=\"124\" border=\"0\" \/>COLOR AXIS<\/h4>\n<p>For full control over the color layout of the Highmaps choropleth maps, a separate <a href=\"http:\/\/api.highcharts.com\/highmaps#colorAxis\">color axis<\/a> 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.<\/p>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"float-right alignright\" src=\"https:\/\/www.highcharts.com\/blog\/wp-content\/uploads\/2016\/05\/map-navigation-1.png\" alt=\"\" width=\"164\" height=\"124\" border=\"0\" \/>NAVIGATION<\/h4>\n<p>Highmaps features all common ways of <a href=\"http:\/\/api.highcharts.com\/highmaps#mapNavigation\">navigating<\/a>, like plus\/minus buttons, doubleclick to zoom, mousewheel zooming, multitouch and panning.<\/p>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"float-left alignleft\" src=\"https:\/\/www.highcharts.com\/blog\/wp-content\/uploads\/2016\/05\/drilldown-1.png\" alt=\"\" width=\"164\" height=\"124\" border=\"0\" \/>DRILLDOWN<\/h4>\n<p>The <a href=\"https:\/\/www.highcharts.com\/maps\/demo\/map-drilldown\">drilldown module<\/a> 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!<\/p>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"float-right alignright\" src=\"https:\/\/www.highcharts.com\/blog\/wp-content\/uploads\/2016\/05\/dynamic-1.png\" alt=\"\" width=\"164\" height=\"124\" border=\"0\" \/>DYNAMIC<\/h4>\n<p>Like Highcharts, Highmaps support full dynamic access to add, update or delete points\/areas, series etc.<\/p>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"float-left alignleft\" src=\"https:\/\/www.highcharts.com\/blog\/wp-content\/uploads\/2016\/05\/geojson-1.png\" alt=\"\" width=\"164\" height=\"124\" border=\"0\" \/>GEOJSON SUPPORT<\/h4>\n<p>Besides the common Series\/Point concept, Highmaps accepts the standardized GeoJSON format for map input.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;re proud to announce Highmaps 1.0 to create beautiful interactive maps.<\/p>\n","protected":false},"author":22,"featured_media":9879,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"meta_title":"","meta_description":"","hc_selected_options":[],"footnotes":""},"categories":[211],"tags":[876],"coauthors":[712],"class_list":["post-5370","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-highcharts-maps"],"_links":{"self":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/5370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/comments?post=5370"}],"version-history":[{"count":1,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/5370\/revisions"}],"predecessor-version":[{"id":29018,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/5370\/revisions\/29018"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/9879"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=5370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=5370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=5370"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=5370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}