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 map = anychart.map();

var data = [

  {'id': 'AU.WA'}, 

  {'id': 'AU.JB'}, 

  {'id': 'AU.NS'}, 

  {'id': 'AU.VI'}, 

  {'id': 'AU.NT'}, 

  {'id': 'AU.TS'}, 

  {'id': 'AU.CT'},

  {'id': 'AU.SA'}, 

  {'id': 'AU.QL'}  

];

​

map.geoData(anychart.maps.australia);

​

// set the title and its preferences

map.title('Getting data from GeoJSON');

​

// set the series

var series = map.choropleth(data);

// enable labels

labels = series.labels();

labels.enabled(true);

​

// format labels text

labels.format(function () {

  // Gets point source region properties.

  var properties = this.regionProperties;

  return properties["postal"] + " (" + properties["type"] + ")";

});

​

// set the container

map.container('container');

map.draw();

});