Built in projection

author(s): Torstein Hønsi

by vegaelce

HTML

<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/maps/modules/data.js"></script>
<script src="https://code.highcharts.com/maps/modules/exporting.js"></script>


<figure class="highcharts-figure">
    <div id="container"></div>
</figure>

CSS

.highcharts-figure {
    min-width: 360px;
    max-width: 800px;
    margin: 0 auto;
}

#container {
    height: 500px;
}

JavaScript

const data = [{name: "dummy",value: 0}];

var data_flight=[{
geometry: {
type: "LineString",
coordinates: [
[77.5913, 12.9791],
[106.8451, -6.2146]
]
},
lineWidth: 2,
name: "Bangalore -> Jakarta",
value:  371.443545725151
},
{
geometry: {
type: "LineString",
coordinates: [
[100.5167, 13.75],
[-118.4068, 34.1139]
]
},
lineWidth: 2,
name: "Bangkok -> Los Angeles",
value:  352.356992101827
},
{
geometry: {
type: "LineString",
coordinates: [
[115.4845, 38.8671],
[121.4667, 31.1667]
]
},
lineWidth: 2,
name: "Baoding -> Shanghai",
value:  535.171857923655
}];

var data_points=[{
name: "Bangalore",
geometry: {
type: "Point",
coordinates: [77.5913, 12.9791]
},
value_in: 366.160189854496,
value_out: 371.443545725151
},{
name: "Jakarta",
geometry: {
type: "Point",
coordinates: [106.8451, -6.2146]
},
value_in: 371.443545725151,
value_out: 270.827714476883
},{
name: "Bangkok",
geometry: {
type: "Point",
coordinates: [100.5167, 13.75]
},
value_in: 1596.380533283186,
value_out: 352.356992101827
},{
name: "Los Angeles",
geometry: {
type: "Point",
coordinates: [-118.4068, 34.1139]
},
value_in: 352.356992101827,
value_out: 119.083167112232
},{
name: "Baoding",
geometry: {
type: "Point",
coordinates: [115.4845, 38.8671]
},
value_in: 242.874627900683,
value_out: 535.171857923655
},{
name: "Shanghai",
geometry: {
type: "Point",
coordinates: [121.4667, 31.1667]
},
value_in: 535.171857923655,
value_out: 514.917201631426
}];

var Color = ["#00B5CD","#FF630D","#0db3a1","#FF7D0D","#008CB2","#FA960D","#285050","#FFC80D","#E8DF80","#1ae5eb","#fe5d00","#58d69d","#2f516c","#cd2fe8","#fc9f51","#f9b0e6","#c4e348","#d3ee81","#8b68a6","#25dd2a","#2049de","#3b4ee0","#a0c4c6","#189068","#86da9d","#5eca5b","#018ad5","#5a9dff","#2779ec","#3e59d8","#cd94a4","#495979","#3f25fb","#1de4d2","#91335c","#68cf53","#50a775","#169b95","#2ccc68","#d095c9","#61f954","#33cb9c","#eca94a","#59c95e","#bcea5b","#f17ba5","#0c981e",];

var serie_color = [{				from: 3,				to: 199,				name: '< 199.00',				color:...