在echarts中使用百度地图扩展，实现在地图上叠加显示热力图

需要申请百度地图ak;

//引入百度地图，echarts和echarts的百度地图扩展bmap
<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=VifdHexZT4WOMrFYCQUZGorpRNjiRHer"></script>
<script src="node_modules/echarts/dist/echarts.js"></script>
<script type="text/javascript" src="node_modules/echarts/dist/extension/bmap.js"></script>

<div id="container"></div>

<script type="text/javascript" >

	//初始化echarts，获得图表对象
    var echartsModal= echarts.init(document.getElementById('container'));
    echartsModal.setOption(option = {
        animation: false,
        bmap: {
            center: [120.13066322374, 30.240018034923],
            zoom: 14,
            roam: true
        },
        visualMap: {//热力图的图例
            show: false,
            type: 'piecewise',//定义为分段型 visualMap，'continuous'为连续型 viusalMap
            bottom: '30',
            right:'20',
            pieces: [ //自定义『分段式视觉映射组件（visualMapPiecewise）』的每一段的范围，以及每一段的文字，以及每一段的特别的样式
               {max: 0.1,label: '<10%'},
               {min: 0.1, max: 0.3,label: '>10%,<30%'},  
             ],
            inverse:true, //是否反转 visualMap组件
            itemWidth:21, //图形的宽度，即长条的宽度。
            itemHeight:20, //图形的高度，即长条的高度。
            align:"left",//指定组件中图形和文字的摆放位置
            itemGap:5,  //每两个图元之间的间隔距离
            itemSymbol:"rect",
            inRange: {
               color: ['rgba(131,180,255,0.2)','rgba(138,226,220,0.4)']
           },
           textStyle: {
               color: 'rgba(255,255,255,0.6)' ,
               fontSize: '10px',
               fontWeight: 500
           },
           backgroundColor:"rgba(53,61,127,0.9)",
           padding:20,
        },
        series: [{
            type: 'heatmap',
            coordinateSystem: 'bmap',//坐标系
            data: [],
            pointSize: 5,
            blurSize: 6
        }]
    });
    
	//添加百度地图插件bmp，获得地图对象，获取到的百度地图对象适用于所有的百度地图的接口。
	var mapModal = echartsModal.getModel().getComponent('bmap').getBMap();
	//设置地图的中心点和缩放级别
	mapModal.centerAndZoom(new BMap.Point(113.1357014149, 29.3632163433), 10);
</script>