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 the dataset of points that are defined by latitude and longtitude values

    var dataSet_lat_long = anychart.data.set([

{lat: -25.75, long: 122.18, name: "ACME Corp. branch #1", value: 321},

{lat: -18.50, long: 135.24, name: "ACME Corp. branch #2", value: 293},

{lat: -23.12, long: 148.62, name: "ACME Corp. branch #3", value: 312},

{lat: -17.89, long: 145.09, name: "ACME Corp. branch #4", value: 198},

{lat: -33.28, long: 135.58, name: "ACME Corp. branch #5", value: 309},

{lat: -31.21, long: 116.44, name: "ACME Corp. branch #6", value: 215},

{lat: -32.26, long: 151.44, name: "ACME Corp. branch #7", value: 219},

{lat: -25.63, long: 152.37, name: "ACME Corp. branch #8", value: 179}

    ]);

​

    var australiaMap = anychart.map();

    australiaMap.geoData(anychart.maps.australia);

​

    // Creates the marker series

    var series_lat_long = australiaMap.marker(dataSet_lat_long);

​

    // format the tooltips of the lat_long series    

    series_lat_long.tooltip().titleFormat("{%Name}");

    series_lat_long.tooltip().format("Yearly profit: ${%value}m");

​

    australiaMap.title("Marker series defined by latitude and longtitude");

    australiaMap.interactivity().zoomOnMouseWheel(false);

    australiaMap.container("container");

    australiaMap.draw();

});