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

​

    // create the dataset of points that are defined by the region id

    var data = [

{"id": "AU.NS", "farms": 240},

{"id": "AU.NT", "farms": 202},

{"id": "AU.WA", "farms": 193},

{"id": "AU.SA", "farms": 196},

{"id": "AU.VI", "farms": 48},

{"id": "AU.TS", "farms": 13},

{"id": "AU.QL", "farms": 136}

    ];

​

    var map = anychart.map();

    map.geoData(anychart.maps.australia);

​

    // Creates the marker series

    var series = map.marker(data);

​

    //format the labels of the id-defined series

    series.labels().format("{%name}");

​

    series.tooltip().format("Id: {%id} \nSheep farms: {%farms}");

​

    // hovered and selected labels

    series.hovered().labels().fontColor("black");

    series.selected().labels().fontColor("red");

​

    map.title("Marker series on a map");

    map.interactivity().zoomOnMouseWheel(false);

    map.container("container");

    map.draw();

});