html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

// This sample uses 3rd party proj4 component

// that makes it possible to set coordinates

// for the points and labels on the map and

// required for custom projections and grid labels formatting.

// See https://docs.anychart.com/7.14.3/Maps/Map_Projections

​

// create data set

var data = anychart.data.set([    

    {points: [50.8, -3.6, 50.8, -1.6]},

    {points: [50.8, -1.6, 51.5, -0.16], to: "New Forest National Park"},

    {points: [51.5,-0.16, 51.7, -1.29]},

    {points: [51.7, -1.29, 52.2, 0.27]},

    {points: [52.2, 0.27, 53.3, -1.5], to: "Cambridge"},

    {points: [53.3, -1.5, 54.5,-3.4], to: "Edinburgh"},

    {points: [54.5, -3.4, 57.1, -2.19], to: "Aberdeen"}

]);

​

// create map

var map = anychart.map()

​

//create connector series

var series = map.connector(data);

​

// set geodata

map.geoData(anychart.maps['united_kingdom']);

​

// name of the chart

map.title("The touristic interest route through the UK \n");

​

// set container id for the chart

map.container('container');

​

// initiate chart drawing

map.draw();

});