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/Maps/Map_Projections

​

  var data = [

    {

      "country": "Austria",

      "id": "AU.WA",

      "continent": "Europe",

      "songs": [

        {

          "rank": 33,

          "title": "Stuck with U (with Justin Bieber)",

          "artists": "Ariana Grande, Justin Bieber",

          "album": "Stuck with U",

          "explicit": 0,

          "duration": "3:48"},

        {

          "rank": 34,

          "title": "Late Night",

          "artists": "Luciano",

          "album": "Late Night",

          "explicit": 0,

          "duration": "3:20"

        }

      ]

    } 

  ];

​

  // create map

  var map = anychart.map();

  map.geoData(anychart.maps.australia);

​

  // set the series

  var series = map.choropleth(data);

  series.tooltip().format(function() {

    console.log(this.getData('songs'));

    return 'tooltip';

  });

​

​

  // set the container

  map.container('container');

  map.draw();

});