Questions tagged [highmaps]

Highmaps is a HTML5 mapping component optimized for creating schematic maps in web based projects. It extends the Highcharts JavaScript API and allows web developers to build interactive maps.

Highmaps is a HTML5 mapping component optimized for creating schematic maps in web based projects. It extends the Highcharts JavaScript API and allows web developers to build interactive maps.

Highmaps support various map types. Among these are: map area, map line, points of interest, bubbles on maps and heatmaps. These features correspond to series types in Highcharts.

It works in all modern browsers including the iPhone/iPad and Internet Explorer from version 6. Standard browsers use SVG for the graphics rendering. In legacy Internet Explorer graphics are drawn using VML.

It is commercial, but free for non-commercial usage.

It is open source and allows personal modification of the downloaded source code.

Highmaps accepts the standardized GeoJSON format for map input.

Resources

278 questions
15
votes
3 answers

Resolve Conflict When Using Highchart and Highmap together (TypeError: ma is not a function)

I've a page that contain chart and map menu for report function. Then, I choose Highchart-Highmap library to reach the purpose above. The chart function runs well but when I develop map function there's a error appear TypeError: ma is not a…
8
votes
1 answer

Highmap R (or) javascript - adding custom legend

Here is my snippet, output$map <- renderHighchart({ region_map = hcmap("countries/nz/nz-all") highchart(type = "map") %>% hc_title(text = "Average") %>% hc_add_series_map(map = region_map, df = data1, joinBy = "name", value =…
ds_user
  • 2,139
  • 4
  • 36
  • 71
7
votes
1 answer

Highcharts export chart exportSettings with svg file

I would like to render map file in the back with a .Net Core project So, the purpose is to execute Highmaps library on a Javascript middleware, and export the svg file to the "node-export-server". I have a API which receive from the client some…
KJBTech
  • 1,901
  • 2
  • 15
  • 27
6
votes
1 answer

highmaps get country name on click event

$('#container').highcharts('Map', { title : { text : 'Highmaps basic demo' }, subtitle : { text : 'Source map: Africa' }, …
Sohaib Ali
  • 81
  • 1
  • 3
5
votes
0 answers

Highcharts : Highmaps : Geojson map getting stretched horizontally not maintaining the aspect ratio

I am plotting a standard Geojson of Us. If i am plotting that geojson with other tool than it maintain the aspect ratio , but when i tried it with HIghcharts/Highmaps it is getting distorted or getting stretched horizontally.See the below…
ali
  • 557
  • 2
  • 13
5
votes
1 answer

Change Highmaps map colour

I want to be able to change the colour of this exact entire map. I am using map bubble I want a darker color for the countries and continents. how can i achieve this as colorAxis will change the data representation(bubble) colour not the map…
user3672795
  • 133
  • 3
  • 9
4
votes
1 answer

Three level drill down highmap

I am trying to make multilevel drill down map using highmap, like first map will show all the countries, then clicking any country will drill down to all states in that country, then selecting any state will show all the districts in that. I have…
ds_user
  • 2,139
  • 4
  • 36
  • 71
4
votes
1 answer

How to import Proj4js to use with Highmaps?

I have a Vue application that is using highchart with the vue-highcart component to plot maps. I need to plot points on this maps based on the Latitude and Longitude and, according to Highmaps documentation, I have to use the Proj4js. In plain old…
João Menighin
  • 3,083
  • 6
  • 38
  • 80
4
votes
1 answer

Highmaps: putting border around a category of area

I am using higmaps to show category of data like this: HighChart Code: http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/maps/demo/category-map/ But I want to be able to show border around a category of…
Jyoti Puri
  • 1,326
  • 10
  • 17
3
votes
1 answer

Angular4 with highcharts can't use world.js

I need help with getting my highmap in angular4 app. I installed highcharts using npm. I included highcharts in my app.component.ts like this because I had some errors that this way solves (maybe it is the wrong way) : const Highcharts =…
i1zivkovic
  • 33
  • 3
3
votes
1 answer

Highcharts add tooltip that has a small arrow pointing toward the series

I'm building a highcharts highmap using the documentation here: http://api.highcharts.com/highmaps/tooltip.style And I have successfully style my tooltip the way I want it to look in terms of color and content.. Here is what I current have: Here is…
es3735746
  • 841
  • 3
  • 16
  • 40
3
votes
1 answer

How to use Highmaps and Highcharts with Meteor?

I am using the highcharts:highcharts-meteor package in my application. I added highmaps to my configuration. My config object for highcharts is as follows: { "version": "4.2.1", // Choose version of Highcharts/Highstock/Highmaps. "base":…
SudiB
  • 223
  • 2
  • 13
3
votes
1 answer

Data Not Showing in Highcharts

I'm attempting to combine a couple of different chart demos from Highcharts. My examples are: Data classes and popup and Small US with data labels I want the map from the first with the popup feature of the second. I need to connect the map to my…
Beaunus
  • 55
  • 5
3
votes
0 answers

Grouping countries in Highmaps

I am using highmaps to display data segmented by countries. It works nice but I have an issue I'm not sure how to approach. I need to group some countries of Central America and Venezuela together in the world-map and show them as one single…
algm
  • 109
  • 5
3
votes
3 answers

How to zoom to specific point in Highmaps

Highmaps / highcharts is a javascript/jquery adapter that renders maps in browsers etc. I have a map with a single country highlighted, however, the scale of the (world) map is such that I want zoom in after the map is loaded on the country in…
Gideon
  • 1,878
  • 4
  • 40
  • 71
1
2 3
18 19