Singh
Posts: 1
Joined: Fri Nov 20, 2020 7:08 am

Unable to draw country level maps using GeoJson

In highcharts maps with Vue, the world map is being drawn perfectly using World.js http://code.highcharts.com/mapdata/custom/world.js but I cant select and scope the map to a specific country https://codesandbox.io/s/highcharts-vue-demo-cop9z
The working example without Vue is https://jsfiddle.net/gh/get/library/pu ... all-maps
So tried to fetch the geo json data for a country like Russia using https://code.highcharts.com/mapdata/co ... geo.json
The issue is that one is world.js and other one is returning geo.json

What data/url should be used to draw country level maps and Is there any Vue example in which we can scope to countries with click ?
Where should the country level geojson data be placed in the js so that the country level data is drawn
pawelys
Posts: 962
Joined: Wed Sep 02, 2020 10:37 am

Re: Unable to draw country level maps using GeoJson

Hello, Welcome to our forum, and thanks for contacting us with your issue!
Unfortunately, we don't have any examples with multiple maps in VUE.JS.
Here is the GitHub reference, where the process of loading maps is described: https://jsfiddle.net/BlackLabel/3mhyojtd/1/
And here is the demo, of single country map:https://codesandbox.io/s/highcharts-vue ... rked-f7cqb

Please, try to implement those solutions yourself, and in case of future problems in implementation reach out to us one more, and we will try to help!
In case of any further questions feel free to ask!
Kind regards,
Paweł Lysy
Highcharts Developer

Return to “Highcharts Maps”