echarts之百度热力图

<div class="row">
	<div class="col-sm-6">
		<div>
			<div style="height:800px;" id="mapChart1"></div>
		</div>
	</div>
</div>


<script src="http://api.map.baidu.com/api?v=2.0&ak="></script>
<script src="${basePath}/static/echarts5.1.0/build/dist/echarts.js" type="text/javascript" ></script>
<script src="${basePath}/static/echarts5.1.0/build/dist/extension/bmap.min.js"></script>
<script type="text/javascript">

var myChart = echarts.init(document.getElementById('mapChart1'));
var option;
$.get('${basePath}/static/echarts5.1.0/build/dist/extension/hangzhou-tracks.json', function (data) {
	//console.log(data);
	
	//var dataget="[[{'coord':[120.15860972383,30.268341586602],'elevation':221},{'coord':[120.15982652241,30.268741636566],'elevation':21}]]";
  	//data = dataget;
    var  data =eval("(" + data + ")");

	var points = [].concat.apply([], data.map(function (track) {
        return track.map(function (seg) {
            return seg.coord.concat([1]);
        });
	}));
	option = {
        animation: false,
        bmap: {
            center: [120.13066322374, 30.240018034923],
            zoom: 14,
            roam: true
        },
        visualMap: {
            show: false,
            top: 'top',
            min: 0,
            max: 5,
            seriesIndex: 0,
            calculable: true,
            inRange: {
                color: ['blue', 'green', 'yellow', 'red']
            }
        },
        series: [{
            type: 'heatmap',
            coordinateSystem: 'bmap',
            data: points,
            pointSize: 5,
            blurSize: 6
        }]
    };
	myChart.setOption(option);
    // 添加百度地图插件
    var bmap = myChart.getModel().getComponent('bmap').getBMap();
    bmap.addControl(new BMap.MapTypeControl());
});	

</script>
<div class="row">
	<div class="col-sm-6">
		<div>
			<div style="height:400px;" id="mapChart1"></div>
		</div>
	</div>
</div>

官方给的案例代码有点小问题，改了一下就可以跑通了