echarts地图api series_使用echarts结合百度地图API做迁徙图

搭一个简易的测试页面demo/

demo.html        map.js

js/

echarts.js

bmap.js

.mainwindow{            height: 500px;            width: 500px;

}        .mapwindow{            height: 100%;            width: 500px;            background-color: #3dd17b;            float: left;

}    

 //初始化echarts,并和框体map绑定。var myChart = echarts.init(document.getElementById('map'));//手工写入的一个迁徙线的数据，正常项目中应该是由AJAX或其他方式来获取数据。var linesdata = [{    fromName: "银泰",    toName: "路口",    coords: [

[120.114271,30.305938],

[120.118951,30.309134]

]

}];//echarts中使用地图的配置参数var option = {bmap: {    // 百度地图中心经纬度 坐标拾取器http://api.map.baidu.com/lbsapi/getpoint/index.html

center: [120.114271,30.305938],    // 百度地图缩放等级，数字越大，放大越大，地图比例尺越小

zoom: 16,    // 是否开启拖拽缩放，可以只设置 'scale' 或者 'move'

roam: false,    // mapStyle是百度地图的自定义样式，见 http://developer.baidu.com/map/custom/

mapStyle: {        styleJson: [{                "featureType": "water",                "elementType": "all",                "stylers": {                    "color": "#021019"

}

},