HTMLcopy
1
<div id="container">
2
</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
// create map
3
var map = anychart.map();
4
5
// create data set
6
var dataSet = anychart.data.set(
7
[{"id":"TR.AY","value":0},
8
{"id":"TR.IZ","value":1},
9
{"id":"TR.BK","value":2},
10
{"id":"TR.CK","value":3},
11
{"id":"TR.ED","value":4},
12
{"id":"TR.KL","value":5},
13
{"id":"TR.TG","value":6},
14
{"id":"TR.BC","value":7},
15
{"id":"TR.BU","value":8},
16
{"id":"TR.IB","value":9},
17
{"id":"TR.KC","value":10},
18
{"id":"TR.SK","value":11},
19
{"id":"TR.BL","value":12},
20
{"id":"TR.ES","value":13},
21
{"id":"TR.KS","value":14},
22
{"id":"TR.AL","value":15},
23
{"id":"TR.AF","value":16},
24
{"id":"TR.BD","value":17},
25
{"id":"TR.DN","value":18},
26
{"id":"TR.IP","value":19},
27
{"id":"TR.KU","value":20},
28
{"id":"TR.MN","value":21},
29
{"id":"TR.MG","value":22},
30
{"id":"TR.AD","value":23},
31
{"id":"TR.EG","value":24},
32
{"id":"TR.KM","value":25},
33
{"id":"TR.ML","value":26},
34
{"id":"TR.IC","value":27},
35
{"id":"TR.KH","value":28},
36
{"id":"TR.KY","value":29},
37
{"id":"TR.NV","value":30},
38
{"id":"TR.HT","value":31},
39
{"id":"TR.AM","value":32},
40
{"id":"TR.CM","value":33},
41
{"id":"TR.GI","value":34},
42
{"id":"TR.OR","value":35},
43
{"id":"TR.SP","value":36},
44
{"id":"TR.SV","value":37},
45
{"id":"TR.SS","value":38},
46
{"id":"TR.TT","value":39},
47
{"id":"TR.AV","value":40},
48
{"id":"TR.EM","value":41},
49
{"id":"TR.EN","value":42},
50
{"id":"TR.RI","value":43},
51
{"id":"TR.TB","value":44},
52
{"id":"TR.AG","value":45},
53
{"id":"TR.BG","value":46},
54
{"id":"TR.DY","value":47},
55
{"id":"TR.MS","value":48},
56
{"id":"TR.BT","value":49},
57
{"id":"TR.AN","value":50},
58
{"id":"TR.CI","value":51},
59
{"id":"TR.ZO","value":52},
60
{"id":"TR.KO","value":53},
61
{"id":"TR.KR","value":54},
62
{"id":"TR.US","value":55},
63
{"id":"TR.GA","value":56},
64
{"id":"TR.SU","value":57},
65
{"id":"TR.AA","value":58},
66
{"id":"TR.KK","value":59},
67
{"id":"TR.NG","value":60},
68
{"id":"TR.AK","value":61},
69
{"id":"TR.YZ","value":62},
70
{"id":"TR.GU","value":63},
71
{"id":"TR.BB","value":64},
72
{"id":"TR.KA","value":65},
73
{"id":"TR.MR","value":66},
74
{"id":"TR.BM","value":67},
75
{"id":"TR.SI","value":68},
76
{"id":"TR.SR","value":69},
77
{"id":"TR.TC","value":70},
78
{"id":"TR.HK","value":71},
79
{"id":"TR.VA","value":72},
80
{"id":"TR.AR","value":73},
81
{"id":"TR.IG","value":74},
82
{"id":"TR.KI","value":75},
83
{"id":"TR.OS","value":76},
84
{"id":"TR.YL","value":77},
85
{"id":"TR.DU","value":78},
86
{"id":"TR.KB","value":79},
87
{"id":"TR.BR","value":80}]
88
);
89
90
// create choropleth series
91
series = map.choropleth(dataSet);
92
93
// set geoIdField to 'id', this field contains in geo data meta properties
94
series.geoIdField('id');
95
96
// set map color settings
97
series.colorScale(anychart.scales.linearColor('#deebf7', '#3182bd'));
98
series.hovered().fill('#addd8e');
99
100
// set geo data, you can find this map in our geo maps collection
101
// https://cdn.anychart.com/#maps-collection
102
map.geoData(anychart.maps['turkey']);
103
104
//set map container id (div)
105
map.container('container');
106
107
//initiate map drawing
108
map.draw();
109
});