热力图与百度地图扩展

直接上代码

    var data = [
        [120.13066322374, 30.240018034923, 1],
        [120.13076322374, 30.240418034923, 1],
        [120.13076322374, 30.240478034923, 1]
    ];
    var myChart = echarts.init(document.getElementById('container'));
    myChart.setOption(option = {
        animation: false,
        bmap: {
            center: [120.13066322374, 30.240018034923],
            zoom: 25,
            roam: true
        },
        visualMap: {
            show: false,
            top: 'top',
            min: 0,
            max: 1,
            seriesIndex: 0,
            calculable: true,
            inRange: {
                color: ['red']
            }
        },
        series: [{
            type: 'heatmap',
            coordinateSystem: 'bmap',
            data: data,
            pointSize: 10,
            blurSize: 3
        }]
    });
    // 添加百度地图插件
    var bmap = myChart.getModel().getComponent('bmap').getBMap();
    console.log(bmap);
    bmap.addControl(new BMap.MapTypeControl());

echarts的demo运行不了，多半是以下问题引起的

• /data/asset/data/hangzhou-tracks.json异步请求出错，$.get没有引入jquery，ROOT_PATH没有定义
• 地图出来了，没有热力图

在这里就去掉了异步请求，自己写了几个坐标数据放进去，并把热力图的点标记得更明显了。

需要正确导入百度地图getscript、echarts.js和bmap.js。

#container需要设置宽高，否则可能出现地图出来了，没有热力图的情况。