html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    // create map

    var map = anychart.map();

​

    // create data set

    var dataSet = anychart.data.set([

        {'id': 'TH.4255', 'value': 0},

        {'id': 'TH.MH', 'value': 1},

        {'id': 'TH.CP', 'value': 2},

        {'id': 'TH.NT', 'value': 3},

        {'id': 'TH.PU', 'value': 4},

        {'id': 'TH.PG', 'value': 5},

        {'id': 'TH.RN', 'value': 6},

        {'id': 'TH.ST', 'value': 7},

        {'id': 'TH.KR', 'value': 8},

        {'id': 'TH.PL', 'value': 9},

        {'id': 'TH.SA', 'value': 10},

        {'id': 'TH.SG', 'value': 11},

        {'id': 'TH.TG', 'value': 12},

        {'id': 'TH.YL', 'value': 13},

        {'id': 'TH.CR', 'value': 14},

        {'id': 'TH.CM', 'value': 15},

        {'id': 'TH.LG', 'value': 16},

        {'id': 'TH.LN', 'value': 17},

        {'id': 'TH.NA', 'value': 18},

        {'id': 'TH.PY', 'value': 19},

        {'id': 'TH.PR', 'value': 20},

        {'id': 'TH.PS', 'value': 21},

        {'id': 'TH.SO', 'value': 22},

        {'id': 'TH.UD', 'value': 23},

        {'id': 'TH.KN', 'value': 24},

        {'id': 'TH.KP', 'value': 25},

        {'id': 'TH.PC', 'value': 26},

        {'id': 'TH.PH', 'value': 27},

        {'id': 'TH.SH', 'value': 28},

        {'id': 'TH.TK', 'value': 29},

        {'id': 'TH.UT', 'value': 30},

        {'id': 'TH.AT', 'value': 31},

        {'id': 'TH.CN', 'value': 32},

        {'id': 'TH.LB', 'value': 33},

        {'id': 'TH.NN', 'value': 34},

        {'id': 'TH.PB', 'value': 35},

        {'id': 'TH.NS', 'value': 36},

        {'id': 'TH.PA', 'value': 37},

        {'id': 'TH.PT', 'value': 38},

        {'id': 'TH.SB', 'value': 39},

        {'id': 'TH.SR', 'value': 40},

        {'id': 'TH.BM', 'value': 41},

        {'id': 'TH.NO', 'value': 42},

        {'id': 'TH.NP', 'value': 43},

        {'id': 'TH.PE', 'value': 44},

        {'id': 'TH.PK', 'value': 45},

        {'id': 'TH.RT', 'value': 46},

        {'id': 'TH.SP', 'value': 47},

        {'id': 'TH.SS', 'value': 48},

        {'id': 'TH.SM', 'value': 49},

        {'id': 'TH.SI', 'value': 50},

        {'id': 'TH.UR', 'value': 51},

        {'id': 'TH.AC', 'value': 52},

        {'id': 'TH.YS', 'value': 53},

        {'id': 'TH.CB', 'value': 54},

        {'id': 'TH.CC', 'value': 55},

        {'id': 'TH.CT', 'value': 56},

        {'id': 'TH.SK', 'value': 57},

        {'id': 'TH.RY', 'value': 58},

        {'id': 'TH.TT', 'value': 59},

        {'id': 'TH.BR', 'value': 60},

        {'id': 'TH.CY', 'value': 61},

        {'id': 'TH.KK', 'value': 62},

        {'id': 'TH.KL', 'value': 63},

        {'id': 'TH.MS', 'value': 64},

        {'id': 'TH.NR', 'value': 65},

        {'id': 'TH.RE', 'value': 66},

        {'id': 'TH.SU', 'value': 67},

        {'id': 'TH.LE', 'value': 68},

        {'id': 'TH.NK', 'value': 69},

        {'id': 'TH.SN', 'value': 70},

        {'id': 'TH.UN', 'value': 71},

        {'id': 'TH.NB', 'value': 72},

        {'id': 'TH.NF', 'value': 73},

        {'id': 'TH.MD', 'value': 74},

        {'id': 'TH.NW', 'value': 75},

        {'id': 'TH.PI', 'value': 76},

        {'id': 'TH.BK', 'value': 77}

    ]);

​

    // create choropleth series

    series = map.choropleth(dataSet);

​

    // set geoIdField to 'id', this field contains in geo data meta properties

    series.geoIdField('id');

​

    // set map color settings

    series.colorScale(anychart.scales.linearColor('#deebf7', '#3182bd'));

    series.hoverFill('#addd8e');

​

    // disable series labels

    series.labels(false);

​

    // set geo data, you can find this map in our geo maps collection

    // https://cdn.anychart.com/#maps-collection

    map.geoData(anychart.maps['thailand']);

​

    //set map container id (div)

    map.container('container');

​

    //initiate map drawing

    map.draw();

});