东莞各镇街美食商户数量热力图 | JShare

// Prepare random data
$.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=germany.geo.json&callback=?', function (geojson) {
    // Initiate the chart
    Highcharts.mapChart('container', {
        title: {
            text: '东莞各镇街美食商户数量热力图'
        },
        subtitle : {
            text: '数据来源：大众点评'
        },
        mapNavigation: {
            enabled: true,
            buttonOptions: {
                verticalAlign: 'bottom'
            }
        },
        colorAxis: {
            tickPixelInterval: 100,
            min: 0,
            stops: [
                [0, Highcharts.Color(Highcharts.getOptions().colors[1]).brighten(10).get()],
                [1, '#D40000']
            ]
        },
        series: [
            {
                "dataLabels": {"enabled": "true",
                               "format": "{point.name}"},
                "type": "map",
                "data": [
                    {
                        "name": "麻涌",
                        "path": "M36,-902,127,-942,100,-767L44,-751,0,-838z",
                        "value": 171,
                    },
                    {
                        "name": "中堂",
                        "path": "M127,-942,270,-997,314,-983,303,-963,276,-964,209,-898,169,-906,110,-831Z",
                        "value": 231
                    },
                    {
                        "name": "望牛墩",
                        "path": "M169,-906,209,-898,203,-855,182,-846,156,-805,139,-802,142,-821,128,-825,104,-799,110,-831z",
                        "value": 52
                    },
                    {
                        "name": "高埗",
                        "path": "M314,-983L330,-983L350,-947,317,-892,296,-873,239,-930,276,-964,303,-963z",
                        "value": 183
                    },
                    {
                        "name": "万江",
                        "path": "M239,-930,296,-873,267,-814,292,-808,230,-758L230,-795L252,-818,182,-846,203,-855,209,-898z",
                        "value": 590
                    },
                    {
                        "name": "石碣",
                        "path": "M330,-983,438,-969,447,-936,317,-892,350,-947z",
                        "value": 257
                    },
                    {
                        "name": "石龙",
                        "path": "M438,-969,518,-960,475,-910,447,-936Z",
                        "value": 498
                    },
                    {
                        "name": "石排",
                        "path": "M518,-960,620,-956,656,-919,624,-854,563,-871,496,-933z",
                        "value": 172
                    },
                    {
                        "name": "企石",
                        "path": "M656,-919,782,-935,802,-858,701,-831,687,-861,632,-869z",
                        "value": 113
                    },
                    {
                        "name": "桥头",
                        "path": "M801,-875,832,-866,845,-811,824,-805,822,-774,775,-757L714,-785L718,-838,802,-858z",
                        "value": 217
                    },
                    {
                        "name": "谢岗",
                        "path": "M822,-774,890,-750,916,-777,969,-753,940,-716,945,-676,991,-649,1000,-609,979,-607,962,-623,903,-634,890,-717,805,-714,770,-740,775,-757z",
                        "value": 58
                    },
                    {
                        "name": "清溪",
                        "path": "M979,-607,964,-474,869,-442,839,-484,863,-521L799,-597L832,-630,859,-617,903,-634,962,-623z",
                        "value": 335
                    },
                    {
                        "name": "凤岗",
                        "path": "M915,-452,957,-390,902,-256L873,-273,852,-350,805,-367L853,-462,869,-442z",
                        "value": 516
                    },
                    {
                        "name": "塘厦",
                        "path": "M805,-367,724,-425L708,-442,677,-423L643,-488,743,-519L733,-565,818,-578,863,-521,839,-484,853,-462z",
                        "value": 632
                    },
                    {
                        "name": "黄江",
                        "path": "M643,-488,576,-541,602,-582L583,-613,651,-629,673,-681,723,-697,738,-669L683,-582,713,-568,680,-502Z",
                        "value": 335
                    },
                    {
                        "name": "樟木头",
                        "path": "M680,-502,743,-519,733,-565,818,-578,799,-597L832,-630,859,-617,903,-634,890,-717L805,-714,738,-669,683,-582L713,-568z",
                        "value": 384
                    },
                    {
                        "name": "常平",
                        "path": "M805,-714,770,-740,775,-757,714,-785L718,-838,701,-831,585,-728,651,-657L651,-629L673,-681,723,-697,738,-669z",
                        "value": 907
                    },
                    {
                        "name": "横沥",
                        "path": "M701,-831,687,-861,632,-869,624,-854L563,-871,568,-817L632,-770z",
                        "value": 181
                    },
                    {
                        "name": "东坑",
                        "path": "M632,-770,568,-817,562,-842,522,-815,541,-735,585,-728z",
                        "value": 123
                    },
                    {
                        "name": "大朗",
                        "path": "M585,-728,651,-657L651,-629L583,-613C651,-612,559,-464,477,-572,632,-653,565,-609,542,-649L504,-703,541,-735z",
                        "value": 503
                    },
                    {
                        "name": "茶山",
                        "path": "M563,-871,568,-817,562,-842,522,-815,504,-846,450,-845,447,-936,475,-910,496,-933Z",
                        "value": 174
                    },
                    {
                        "name": "东城",
                        "path": "M447,-936,450,-845,400,-838L400,-799L422,-760,411,-711,351,-693,324,-728,361,-871,312,-854,296,-873,317,-892z",
                        "value": 1861
                    },
                    {
                        "name": "寮步",
                        "path": "M400,-838,450,-845,504,-846,522,-815,541,-735,504,-703L481,-723L411,-711,422,-760,400,-799z",
                        "value": 696
                    },
                    {
                        "name": "莞城",
                        "path": "M296,-873,312,-854,361,-871,343,-790,323,-781,292,-808,267,-814z",
                        "value": 642
                    },
                    {
                        "name": "南城",
                        "path": "M292,-808,323,-781,343,-790,324,-728,351,-693,367,-697,351,-664,265,-707,276,-735,230,-758z",
                        "value": 1870
                    },
                    {
                        "name": "大岭山",
                        "path": "M367,-697,411,-711,481,-723,504,-703,474,-681,454,-589,492,-555,445,-531,350,-605,351,-664Z",
                        "value": 342
                    },
                    {
                        "name": "沙田",
                        "path": "M67,-755,44,-727,77,-656L77,-566L135,-511,151,-536L183,-519,162,-629,132,-652L168,-703,107,-657,83,-701,84,-764z",
                        "value": 131
                    },
                    {
                        "name": "洪梅",
                        "path": "M84,-764,100,-767,104,-799,128,-825,142,-821,139,-802,156,-805,127,-693,105,-703,107,-657,83,-701z",
                        "value": 31
                    },
                    {
                        "name": "道滘",
                        "path": "M156,-805,182,-846,252,-818,230,-795L230,-758L168,-703,107,-657,105,-703,127,-693z",
                        "value": 109
                    },
                    {
                        "name": "厚街",
                        "path": "M230,-758,276,-735,265,-707,351,-664,350,-605,176,-565,162,-629,132,-652,168,-703Z",
                        "value": 866
                    },
                    {
                        "name": "虎门",
                        "path": "M176,-565,350,-605,407,-559,253,-484,279,-437,238,-391,196,-424,212,-462,129,-489,151,-536L183,-519Z",
                        "value": 1093
                    },
                    {
                        "name": "长安",
                        "path": "M253,-484,407,-559,445,-531,447,-489,380,-440,377,-403L337,-403L350,-448,277,-457Z",
                        "value": 1281
                    },
                    {
                        "name": "松山湖",
                        "path": "M504,-703,542,-649,576,-626C393,-526,513,-585,477,-572L454,-589,474,-681z",
                        "value": 120
                    }
                ]
            }
        ]
    });
});

<div id="container" style="min-width: 310px; max-width: 400px"></div>

#container {
    height: 500px; 
    min-width: 310px; 
    max-width: 800px; 
    margin: 0 auto; 
}
.loading {
    margin-top: 10em;
    text-align: center;
    color: gray;
}

{"doctype":0,"resouces":"1,30,9,7","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":\"5\"}}","meta":"<link rel=\"icon\" href=\"https://jscdn.com.cn/highcharts/images/favicon.ico\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">"}

东莞各镇街美食商户数量热力图 | JShare

模板（查看所有模板）