HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
// This sample uses 3rd party Proj4js JavaScript library to transform coordinates
3
// See https://docs.anychart.com/Maps/Map_Projections to learn more.
4
5
var dataSet = anychart.data.set([
6
{lat: -20.798143621831585, long: 118.30614325973828},
7
{lat: -32.49808911747085, long: 116.0558031329196},
8
{lat: -32.365214175122745, long: 137.81275418478836},
9
{lat: -35.22565924468471, long: 139.51019203825766},
10
{lat: -27.763106524002, long: 139.63580488679946},
11
{lat: -19.900701676097995, long: 147.14410612150505},
12
{lat: -24.594933250353428, long: 151.2396874612462},
13
{lat: -38.20472254452634, long: 143.68770666735193},
14
{lat: -30.423796602950766, long: 151.99644302982972},
15
{lat: -32.26380339970011, long: 151.44030365260178}
16
]);
17
18
// Creates Marker Map.
19
var australiaMap = anychart.markerMap(dataSet);
20
21
australiaMap.geoData(anychart.maps.australia);
22
australiaMap.title("Create a Marker Map");
23
australiaMap.container("container");
24
australiaMap.draw();
25
});