{"id":5360,"date":"2014-02-24T09:02:49","date_gmt":"2014-02-24T09:02:49","guid":{"rendered":"http:\/\/www.highcharts.com\/blog\/?p=5360"},"modified":"2026-01-07T14:45:08","modified_gmt":"2026-01-07T14:45:08","slug":"132-highmaps-beta","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/news\/132-highmaps-beta\/","title":{"rendered":"Announcing Highmaps Beta"},"content":{"rendered":"<p>We&#8217;re proud to announce the Beta release of Highmaps, 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>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:\/\/code.highcharts.com\/zips\/Highmaps-1.0.0-beta.zip\">the zip package<\/a>. You can also run the files directly from <code>https:\/\/code.highcharts.com\/maps\/<\/code>, like for example\u00a0<code>https:\/\/code.highcharts.com\/maps\/highmaps.js<\/code>.<\/li>\n<\/ul>\n<h2>DEMO<\/h2>\n<p><iframe style=\"width: 100%;\" title=\"Rich information on click\" src=\"https:\/\/codepen.io\/mushigh\/embed\/yLJBEjr?height=265&amp;theme-id=light&amp;default-tab=result\" height=\"850\" frameborder=\"no\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><br \/>\nSee the Pen <a href=\"https:\/\/codepen.io\/mushigh\/pen\/yLJBEjr\">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<h2>FEATURES<\/h2>\n<div class=\"intro\">\n<h4><a href=\"https:\/\/www.highcharts.com\/blog\/news\/132-highmaps-beta\/attachment\/browsers-2\/\" rel=\"attachment wp-att-10329\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10329 alignleft\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222905\/browsers.png\" alt=\"browsers\" width=\"164\" height=\"124\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222905\/browsers.png 164w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222905\/browsers-30x23.png 30w\" sizes=\"auto, (max-width: 164px) 100vw, 164px\" \/><\/a>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>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><a href=\"https:\/\/www.highcharts.com\/blog\/news\/132-highmaps-beta\/attachment\/color-axis-2\/\" rel=\"attachment wp-att-10327\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10327 alignleft\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222903\/color-axis.png\" alt=\"color-axis\" width=\"164\" height=\"124\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222903\/color-axis.png 164w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222903\/color-axis-30x23.png 30w\" sizes=\"auto, (max-width: 164px) 100vw, 164px\" \/><\/a>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, logarithmic scale, and more.<\/p>\n<h4><a href=\"https:\/\/www.highcharts.com\/blog\/news\/132-highmaps-beta\/attachment\/map-navigation-2\/\" rel=\"attachment wp-att-10326\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10326 alignright\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222901\/map-navigation.png\" alt=\"map-navigation\" width=\"164\" height=\"124\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222901\/map-navigation.png 164w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222901\/map-navigation-30x23.png 30w\" sizes=\"auto, (max-width: 164px) 100vw, 164px\" \/><\/a>NAVIGATION<\/h4>\n<p>Highmaps features all common ways of <a href=\"http:\/\/api.highcharts.com\/highmaps#mapNavigation\">navigating<\/a>, like plus\/minus buttons, double click to zoom, mouse wheel zooming, multitouch, and panning.<\/p>\n<h4><a href=\"https:\/\/www.highcharts.com\/blog\/news\/132-highmaps-beta\/attachment\/drilldown-2\/\" rel=\"attachment wp-att-10325\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10325 alignleft\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222900\/drilldown.png\" alt=\"drilldown\" width=\"164\" height=\"124\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222900\/drilldown.png 164w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222900\/drilldown-30x23.png 30w\" sizes=\"auto, (max-width: 164px) 100vw, 164px\" \/><\/a>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 zooms into a full map on the underlying layer. Let your users click their way down into increasingly local data!<\/p>\n<h4><a href=\"https:\/\/www.highcharts.com\/blog\/news\/132-highmaps-beta\/attachment\/dynamic-2\/\" rel=\"attachment wp-att-10324\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10324 alignright\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222859\/dynamic.png\" alt=\"dynamic\" width=\"164\" height=\"124\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222859\/dynamic.png 164w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222859\/dynamic-30x23.png 30w\" sizes=\"auto, (max-width: 164px) 100vw, 164px\" \/><\/a>DYNAMIC<\/h4>\n<p>Like Highcharts, Highmaps support full dynamic access to add, update or delete points\/areas, series, etc.<\/p>\n<h4><a href=\"https:\/\/www.highcharts.com\/blog\/news\/132-highmaps-beta\/attachment\/geojson-2\/\" rel=\"attachment wp-att-10323\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10323 alignleft\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222857\/geojson.png\" alt=\"geojson\" width=\"164\" height=\"124\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222857\/geojson.png 164w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2014\/02\/12222857\/geojson-30x23.png 30w\" sizes=\"auto, (max-width: 164px) 100vw, 164px\" \/><\/a>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>Finally, the Beta release of Highmaps is released!<\/p>\n","protected":false},"author":22,"featured_media":9925,"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-5360","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\/5360","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=5360"}],"version-history":[{"count":1,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/5360\/revisions"}],"predecessor-version":[{"id":29017,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/5360\/revisions\/29017"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/9925"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=5360"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=5360"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=5360"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=5360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}