Vue项目实战-新能源汽车可视化（二）（持续更新中）

一.项目代码

1.DataSceen

<template><div id="app-content"><div class="containerBox"><!-- 左边区域 --><div class='left'><!-- 车辆情况 --><div class="item"></div><!-- 历史数据 --><div class="item"></div><!-- 城市维修TOP5 --><div class="item"></div></div><!-- 中间区域 --><div class="middle"><!-- 车辆分布 --><div class="item" style="height: 60%;"><div class="tabItem"><p class="tabItemTitle">车辆分布</p><div class="tabItemConent"><div class="echartItem" id="map"></div></div></div></div><!-- 故障维修统计 --><div class="item" style="height: calc(40% -42px);"></div></div><!-- 右边区域 --><div class="right"><!-- 故障比例 --><div class="item" style="height: 30%"></div><!-- 故障分布城市 --><div class="item" style="height: 30%"></div><!-- 故障报警 --><div class="item" style="height:  calc(40%- 60px);"></div></div></div></div>
</template><script>
import 'echarts/map/js/china.js';
import 'echarts/map/js/world.js';
import 'echarts/map/js/province/xinjiang.js';export default {data() {return {mychart1: null, // 定义第一个实例};},// 钩子函数mounted() {// 车辆分布---地图this.drawMap();//this.drawWorld();//this.drawmymap();},// 其他函数methods: {// 城市分布---中国地图async drawMap() {var geoCoord = [];await this.axios('static/json/china_provincial_capitals_coordinates.json').then(res=>{geoCoord = res.data.geoCoord;}).catch(err=>{console.log(err)});// 第四步，初始化echarts实例this.mychart1 = this.$echarts.init(document.getElementById('map'));// 定义飞机的矢量路径var planePath = 'path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z';var linesCoord = [];//存放路径图seriesawait this.axios('static/json/linesCoord.json').then(res =>{linesCoord = res.data.linesCoord;}).catch(err =>{console.log(err)});// 第五步，配置图表var option1 = {tooltip: {trigger: 'item',formatter: '{b}: {c}辆', // b 代表数据项名称，c代表数值},// visualMap: {//     type: 'piecewise',//     min: 0,//     max: 1500,//     text: ['高', '低'],//     inRange: {//     color: ['#DFB1CE', '#CF4662', '#E56574','#D11A2E','#5E0312'],//     },//     pieces: [//     {gte: 120},//     {gte: 80, lt: 120},//     {gte: 50, lt: 80},//     {gte: 20, lt: 50},//     {gte: 0, lt: 20},//     ],//     orient: 'horizontal',//     left: 'center',//     textStyle: { color: '#fff' },// },geo:{map: 'china',show: true,selectedMode: 'multiple',roam: true,left: '10%',right: '10%',zoom: 0.7,emphasis:{label: {  //省份名称show: true,color:"#EE3F4E",},itemStyle: {borderWidth: 0,areaColor: '#66B700',},},itemStyle:{ //图形区域样式borderColor:"#BB75A7", //边框颜色borderWidth:1.5, //边框粗细areaColor: '#FFF9D5', //填充色shadowColor:"#E8EAA1",  //阴影颜色shadowBlur:10 //阴影半径大小},},series: [{//第一个数据系列：画地图zlevel: 1, //图层name:"车辆分布地图",type: 'map',map: 'china',geoIndex:0,data: [],},{//第二个数据系列，画散点zlevel: 2, //图层name: '散点',type:'effectScatter',  //散点coordinateSystem: 'geo',symbolSize: 8, // 点的大小// label: {//     show: true,//     formatter: '{b}',// },itemStyle: {color: '#0F59A4', //散点颜色},data:geoCoord,//配置何时显示特效。render绘制完成后显示特效。emphasis高亮的时候显示特效showEffectOn: 'render',rippleEffect: {brushType: 'stroke',},},{//第三个数据系列 ，路径zlevel: 3,name: '路径',type: 'lines',coordinateSystem: 'geo',lineStyle:{width: 2,color: '#D32C3E',opacity:0.9,curveness: 0.2,  //线的曲度},effect: {  //线的特效show:true,period: 6, //特效的时间，单位为秒，值越小，速度越快trailLength: 0, //特效尾部的长度scale: 2,//symbol:'arrow', //特效图形的标记//symbol: 'path://M24,10L22,8L17,8L17,6L22,6L24,4L24,2L15,2L15,4L9,4L9,10L15,10L15,12L24,12L24,10Z', // 飞机形状的SVG路径symbol: planePath, // 使用自定义的矢量路径作为标记symbolSize: 14,},data:linesCoord,},],};// 设置图表选项this.mychart1.setOption(option1);this.axios('static/json/provincesta.json').then(res =>{this.mychart1.setOption({series: [{data: res.data.data}]})}).catch(err=>{console.log(err)});},// 世界分布---地图async drawWorld() {// 第四步，初始化echarts实例this.mychart1 = this.$echarts.init(document.getElementById('map'));// 第五步，配置图表var option1 = {tooltip: {trigger: 'item',formatter: '{b}: {c}万亿美元', // b 代表数据项名称，c代表数值},visualMap: {type: 'piecewise',min: 0,max: 1500,text: ['高', '低'],inRange: {color: ['#DFB1CE', '#CF4662', '#E56574','#D11A2E','#5E0312'],},pieces: [{gte: 15},{gte: 4, lt: 15},{gte: 2.5, lt: 4},{gte: 0, lt: 2.5},],orient: 'horizontal',left: 'center',textStyle: { color: '#fff' },},series: [{zlevel: 1,type: 'map',map: 'world',selectedMode: 'multiple',roam: true,left: '10%',right: '10%',zoom: 0.7,label: {show: false,},},],};// 设置图表选项this.mychart1.setOption(option1);this.axios('static/json/world.json').then(res =>{this.mychart1.setOption({series: [{data: res.data.data}]})}).catch(err=>{console.log(err)});},//后面增加其他函数// 生成随机世界地图数据generateRandomWorldData() {const countries = [{ "name": "China", "value": 10 },{ "name": "United States", "value": 10 },{ "name": "India", "value":10 },{ "name": "Russia", "value": 10 },{ "name": "Brazil", "value": 10 },{ "name": "Indonesia", "value": 10 },{ "name": "Pakistan", "value": 10 },{ "name": "Nigeria", "value": 10 },{ "name": "Bangladesh", "value": 10 },{ "name": "Japan", "value": 10 },{ "name": "Mexico", "value": 10 },{ "name": "Philippines", "value": 10 },{ "name": "Egypt", "value": 10 },{ "name": "Vietnam", "value": 10 },{ "name": "Ethiopia", "value": 10 },{ "name": "Germany", "value": 0 },{ "name": "Turkey", "value": 0 },{ "name": "Iran", "value": 0 },{ "name": "Thailand", "value": 0 },{ "name": "France", "value": 0 }];return countries.map(country => ({...country,value: (Math.random() * 15).toFixed(2) // 生成0到15之间的随机数，并保留两位小数}));},// 中国省地图---------------新疆省-----------------------------------------async drawmymap(){// 初始化echarts实例this.mychart1 = this.$echarts.init(document.getElementById('map'));var geoCoord = [];await this.axios('static/json/xinjiangjwd.json').then(res=>{geoCoord = res.data.geoCoord;}).catch(err=>{console.log(err)});// 定义飞机的矢量路径var planePath = 'path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z';var linesCoord = [];//存放路径图seriesawait this.axios('static/json/xinjiangtravel.json').then(res =>{linesCoord = res.data.linesCoord;}).catch(err =>{console.log(err)});// 配置图表var option1 = {title: {text: '新疆旅游景点分布地图',left: 'center',top: '6%' , // 将标题向下移动10%的高度textStyle: {color: '#EC0434',  // 设置标题颜色为深灰色fontSize: 16 ,   // 设置标题字体大小为18像素fontFamily: 'Helvetica, Arial, sans-serif', // 设置字体样式，这里使用了Arial字体，可以根据需要替换为其他字体//letterSpacing: '105px'  // 设置字间距为15像素rich: {title: {letterSpacing: '100px',//color: '#333'}}}},tooltip: {trigger: 'item',formatter: '{b}: {c}个景点数量', // b 代表数据项名称，c代表数值},// visualMap: {//     type: 'piecewise',//     min: 0,//     max: 1500,//     text: ['高', '低'],//     inRange: {//     color: ['#E8EAA1', '#EAEE5B', '#3170A6','#ADD8FB'],//     },//     pieces: [//     {gte: 15},//     {gte: 4, lt: 15},//     {gte: 2.5, lt: 4},//     {gte: 0, lt: 2.5},//     ],//     orient: 'horizontal',//     left: 'center',//     textStyle: { color: '#fff' },// },geo:{map: '新疆',mapType: '新疆', // 自定义扩展图表类型show: true,selectedMode: 'multiple',roam: true,left: '10%',right: '10%',zoom: 0.7,emphasis:{label: {  //省份名称show: true,color:"#EE3F4E",},itemStyle: {borderWidth: 0,areaColor: '#66B700',},},itemStyle:{ //图形区域样式borderColor:"#BB75A7", //边框颜色borderWidth:1.5, //边框粗细areaColor: '#FDD41A', //填充色shadowColor:"#967FF4",  //阴影颜色shadowBlur:10 //阴影半径大小},},series: [             {画地图zlevel: 1,geoIndex:0,name: '新疆',type: 'map',                                                                                                              data:[],},{// 添加旅游景点标记//画散点zlevel: 2,name: '旅游景点',type: 'effectScatter',coordinateSystem: 'geo',symbolSize: 8, // 点的大小rippleEffect: {brushType: 'stroke'},label: {show: true,position: 'center',formatter: '{b}'},// symbolSize: function (val) {//     return val[2] / 20; // 根据数据调整标记大小// },itemStyle: {color: '#F40002'},data:geoCoord,showEffectOn: 'render',rippleEffect: {brushType: 'stroke',},},{ // 添加旅游线路name: '旅游线路',type: 'lines',coordinateSystem: 'geo',zlevel: 3,effect: {  //线的特效show:true,period: 3, //特效的时间，单位为秒，值越小，速度越快trailLength: 0, //特效尾部的长度scale: 2,//symbol:'arrow', //特效图形的标记//symbol: 'path://M24,10L22,8L17,8L17,6L22,6L24,4L24,2L15,2L15,4L9,4L9,10L15,10L15,12L24,12L24,10Z', // 飞机形状的SVG路径symbol: planePath, // 使用自定义的矢量路径作为标记symbolSize: 16,},lineStyle:{width: 2,color: '#B92A0A',opacity:0.9,curveness: 0.2,  //线的曲度},data: linesCoord,}]};// 设置图表选项this.mychart1.setOption(option1);this.axios('static/json/xinjiang_provincesta.json').then(res =>{this.mychart1.setOption({series: [{data: res.data.data}]})}).catch(err=>{console.log(err)});},}
};
</script><style scoped>
#app-content{height: calc(100% - 60px);width: 95%;margin-left: 4%;
}
.containerBox{padding: 20px 20px 20px 20px;width: 100%;height:100%;color: #abfeff;
}
.item{box-shadow: 0 2px 7px rgba(77, 145, 255, 0.15);width: 100%;height: calc(33% - 18px);margin-top:18px;
}.left{width: 25%;float: left;height: 100%;
}
.middle {width: calc(50% - 40px);margin: 0 20px;float: left;height: 100%;
}
.right{width: 25%;float: right;height: 100%;
}/* 车辆情况 */
.totalCarNum {display: flex;align-items: center;padding-left: 100px;
}
.carNum {margin: 0 16px;display: flex;
}
.span1 {display: inline-block;width: 30px;height: 40px;line-height: 40px;background: #23459b;font-size: 26px;text-align: center;position: relative;
}
/* 历史数据 */
.history {padding: 10px 0px 10px 0px;width: 80%;height: 85%;margin: 45px auto;display: flex;flex-direction: column;
}
.historyItem {width: 100%;flex: 1;margin-bottom: 10px;padding-left: 50px;color: #fff;
}
.bc1{background: url(../assets/images/historyBg1_03.png) no-repeat;background-size: 100% 100%;box-shadow: 0 4px 4px rgba(126, 117, 253, 0.2),5px 5px 5px rgba(126, 117, 253, 0.2),-5px 4px 4px rgba(126, 117, 253, 0.2);
}
.bc2{background: url(../assets/images/historyBg2_03.png) no-repeat;background-size: 100% 100%;box-shadow: 0 4px 4px rgba(93, 194, 219, 0.2),5px 5px 5px rgba(93, 194, 219, 0.2),-5px 4px 4px rgba(93, 194, 219, 0.2);
}
.bc3{background: url(../assets/images/historyBg3_03.png) no-repeat;background-size: 100% 100%;box-shadow: 0 4px 4px rgba(238, 109, 110, 0.2),5px 5px 5px rgba(238, 109, 110, 0.2),-5px 4px 4px rgba(238, 109, 110, 0.2);
}
.echartItem {width: 100%;height: 100%;
}
/* 故障报警 */
.echartItem.faultWarningItem{position: relative;overflow: hidden;
}
.itemHeader{height: 34px;line-height: 34px;font-size: 14px;background: #1d48a5;color: #fff;position: absolute;width: 100%;left: 0;top: 30;z-index: 1;
}
.itemHeader,.bodyItem{display: flex;
}
span{width: 25%;text-align: center;
}
.itemBody{position: absolute;top: 80px;width: 100%;
}
</style>

2.使用echarts绘制中国地图

    this.drawMap();methods: {// 城市分布---中国地图async drawMap() {var geoCoord = [];await this.axios('static/json/china_provincial_capitals_coordinates.json').then(res=>{geoCoord = res.data.geoCoord;}).catch(err=>{console.log(err)});// 第四步，初始化echarts实例this.mychart1 = this.$echarts.init(document.getElementById('map'));// 定义飞机的矢量路径var planePath = 'path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z';var linesCoord = [];//存放路径图seriesawait this.axios('static/json/linesCoord.json').then(res =>{linesCoord = res.data.linesCoord;}).catch(err =>{console.log(err)});// 第五步，配置图表var option1 = {tooltip: {trigger: 'item',formatter: '{b}: {c}辆', // b 代表数据项名称，c代表数值},geo:{map: 'china',show: true,selectedMode: 'multiple',roam: true,left: '10%',right: '10%',zoom: 0.7,emphasis:{label: {  //省份名称show: true,color:"#EE3F4E",},itemStyle: {borderWidth: 0,areaColor: '#66B700',},},itemStyle:{ //图形区域样式borderColor:"#BB75A7", //边框颜色borderWidth:1.5, //边框粗细areaColor: '#FFF9D5', //填充色shadowColor:"#E8EAA1",  //阴影颜色shadowBlur:10 //阴影半径大小},},series: [{//第一个数据系列：画地图zlevel: 1, //图层name:"车辆分布地图",type: 'map',map: 'china',geoIndex:0,data: [],},{//第二个数据系列，画散点zlevel: 2, //图层name: '散点',type:'effectScatter',  //散点coordinateSystem: 'geo',symbolSize: 8, // 点的大小// label: {//     show: true,//     formatter: '{b}',// },itemStyle: {color: '#0F59A4', //散点颜色},data:geoCoord,//配置何时显示特效。render绘制完成后显示特效。emphasis高亮的时候显示特效showEffectOn: 'render',rippleEffect: {brushType: 'stroke',},},{//第三个数据系列 ，路径zlevel: 3,name: '路径',type: 'lines',coordinateSystem: 'geo',lineStyle:{width: 2,color: '#D32C3E',opacity:0.9,curveness: 0.2,  //线的曲度},effect: {  //线的特效show:true,period: 6, //特效的时间，单位为秒，值越小，速度越快trailLength: 0, //特效尾部的长度scale: 2,//symbol:'arrow', //特效图形的标记//symbol: 'path://M24,10L22,8L17,8L17,6L22,6L24,4L24,2L15,2L15,4L9,4L9,10L15,10L15,12L24,12L24,10Z', // 飞机形状的SVG路径symbol: planePath, // 使用自定义的矢量路径作为标记symbolSize: 14,},data:linesCoord,},],};// 设置图表选项this.mychart1.setOption(option1);this.axios('static/json/provincesta.json').then(res =>{this.mychart1.setOption({series: [{data: res.data.data}]})}).catch(err=>{console.log(err)});},}

3.json数据文件

china_provincial_capitals_coordinates

{"geoCoord":[{"name":"北京","value":[116.20, 39.56]},{"name":"台湾","value":[121.5135,25.0308]},{"name":"黑龙江","value":[127.9688, 45.368]},{"name":"内蒙古","value":[110.3467, 41.4899]},{"name":"吉林","value":[125.8154, 44.2584]},{"name":"北京市","value":[116.4551, 40.2539]},{"name":"辽宁","value":[123.1238, 42.1216]},{"name":"河北", "value":[114.4995, 38.1006]},{"name":"天津", "value":[117.4219, 39.4189]},{"name":"山西", "value":[112.3352, 37.9413]},{"name":"陕西","value":[109.1162, 34.2004]},{"name":"甘肃","value":[103.5901, 36.3043]},{"name":"宁夏", "value":[106.3586, 38.1775]},{"name":"青海", "value":[101.4038, 36.8207]},{"name":"新疆","value":[87.9236, 43.5883]},{"name":"西藏", "value":[91.11, 29.97]},{"name":"四川", "value":[103.9526, 30.7617]},{"name":"重庆", "value":[108.384366, 30.439702]},{"name":"山东", "value":[117.1582, 36.8701]},{"name":"河南", "value":[113.4668, 34.6234]},{"name":"江苏", "value":[118.8062, 31.9208]},{"name":"安徽", "value":[117.29, 32.0581]},{"name":"湖北", "value":[114.3896, 30.6628]},{"name":"浙江", "value":[119.5313, 29.8773]},{"name":"福建", "value":[119.4543, 25.9222]},{"name":"江西", "value":[116.0046, 28.6633]},{"name":"湖南", "value":[113.0823, 28.2568]},{"name":"贵州", "value":[106.6992, 26.7682]},{"name":"云南", "value":[102.9199, 25.4663]},{"name":"广东", "value":[113.12244, 23.009505]},{"name":"广西", "value":[108.479, 23.1152]},{"name":"海南", "value":[110.3893, 19.8516]},{"name":"上海", "value":[121.4648, 31.2891]}],"provCoord": [{"name": "北京", "value": [116.4074, 39.9042]},{"name": "天津", "value": [117.2009, 39.0842]},{"name": "上海", "value": [121.4737, 31.2304]},{"name": "重庆", "value": [106.5306, 29.5446]},{"name": "河北", "value": [114.5149, 38.0428]},{"name": "山西", "value": [112.5508, 37.8903]},{"name": "辽宁", "value": [123.4315, 41.8057]},{"name": "吉林", "value": [125.3245, 43.8256]},{"name": "黑龙江", "value": [126.535, 45.8038]},{"name": "江苏", "value": [118.7969, 32.0603]},{"name": "浙江", "value": [120.1551, 30.2741]},{"name": "安徽", "value": [117.2272, 31.8206]},{"name": "福建", "value": [119.2965, 26.0745]},{"name": "江西", "value": [115.8582, 28.6829]},{"name": "山东", "value": [117.0244, 36.6681]},{"name": "河南", "value": [113.6253, 34.7466]},{"name": "湖北", "value": [114.3245, 30.5811]},{"name": "湖南", "value": [112.9794, 28.1881]},{"name": "广东", "value": [113.32446, 23.10647]},{"name": "海南", "value": [110.3245, 20.0318]},{"name": "四川", "value": [104.0668, 30.5728]},{"name": "贵州", "value": [106.6302, 26.6477]},{"name": "云南", "value": [102.7122, 25.0406]},{"name": "陕西", "value": [108.9398, 34.3416]},{"name": "甘肃", "value": [103.8343, 36.0611]},{"name": "青海", "value": [101.7782, 36.6171]},{"name": "台湾", "value": [121.5654, 25.032]},{"name": "内蒙古", "value": [111.749, 40.8424]},{"name": "广西", "value": [108.3201, 22.828]},{"name": "西藏", "value": [91.1865, 29.6555]},{"name": "宁夏", "value": [106.2309, 38.4872]},{"name": "新疆", "value": [87.6168, 43.8256]},{"name": "香港", "value": [114.1694, 22.3193]},{"name": "澳门", "value": [113.5439, 22.3193]}],"beifrom":[{"name":"北京到北京","coords":[[116.20, 39.56],[116.4074, 39.9042]]},{"name":"北京到天津","coords":[[116.20, 39.56],[117.2009, 39.0842]]},{"name":"北京到上海","coords":[[116.20, 39.56],[121.4737, 31.2304]]},{"name":"北京到重庆","coords":[[116.20, 39.56],[106.5306, 29.5446]]},{"name":"北京到河北","coords":[[116.20, 39.56],[114.4750, 38.5844]]},{"name":"北京到山西","coords":[[116.20, 39.56],[112.5508, 37.8903]]},{"name":"北京到辽宁","coords":[[116.20, 39.56],[123.4298, 41.7968]]},{"name":"北京到吉林","coords":[[116.20, 39.56],[125.3245, 43.8868]]},{"name":"北京到黑龙江","coords":[[116.20, 39.56],[126.6421, 45.7565]]},{"name":"北京到浙江","coords":[[116.20, 39.56],[120.1528, 30.2674]]},{"name":"北京到安徽","coords":[[116.20, 39.56],[117.2826, 31.8669]]},{"name":"北京到福建","coords":[[116.20, 39.56],[119.2955, 26.1001]]},{"name":"北京到江西","coords":[[116.20, 39.56],[115.8582, 28.6829]]},{"name":"北京到山东","coords":[[116.20, 39.56],[117.0009, 36.6758]]},{"name":"北京到河南","coords":[[116.20, 39.56],[113.6654, 34.7579]]},{"name":"北京到湖北","coords":[[116.20, 39.56],[114.2981, 30.5844]]},{"name":"北京到湖南","coords":[[116.20, 39.56],[112.9823, 28.1941]]},{"name":"北京到广东","coords":[[116.20, 39.56],[113.3245, 23.10647]]},{"name":"北京到广西","coords":[[116.20, 39.56],[108.3275, 22.8154]]},{"name":"北京到海南","coords":[[116.20, 39.56],[110.3245, 20.0227]]},{"name":"北京到四川","coords":[[116.20, 39.56],[104.0668, 30.5728]]},{"name":"北京到贵州","coords":[[116.20, 39.56],[106.7134, 26.5783]]},{"name":"北京到云南","coords":[[116.20, 39.56],[102.7122, 25.0406]]},{"name":"北京到陕西","coords":[[116.20, 39.56],[108.9480, 34.2632]]},{"name":"北京到甘肃","coords":[[116.20, 39.56],[103.8235, 36.0642]]},{"name":"北京到青海","coords":[[116.20, 39.56],[101.7789, 36.6237]]},{"name":"北京到内蒙古","coords":[[116.20, 39.56],[111.6708, 40.8183]]},{"name":"北京到宁夏","coords":[[116.20, 39.56],[106.2781, 38.4664]]},{"name":"北京到新疆","coords":[[116.20, 39.56],[87.6168, 43.8256]]},{"name":"北京到西藏","coords":[[116.20, 39.56],[91.1865, 29.6555]]}]}

linesCoord

{"linesCoord":[{"name":"北京到台湾","coords":[[116.20, 39.56],[121.5135,25.0308]]},{"name":"北京到黑龙江","coords":[[116.20, 39.56],[116.20, 39.56]]},{"name":"北京到内蒙古","coords":[[116.20, 39.56],[110.3467, 41.4899]]},{"name":"北京到吉林","coords":[[116.20, 39.56],[125.8154, 44.2584]]},{"name":"北京到北京市","coords":[[116.20, 39.56],[116.4551, 40.2539]]},{"name":"北京到辽宁","coords":[[116.20, 39.56],[123.1238, 42.1216]]},{"name":"北京到河北", "coords":[[116.20, 39.56],[114.4995, 38.1006]]},{"name":"北京到天津", "coords":[[116.20, 39.56],[117.4219, 39.4189]]},{"name":"北京到山西", "coords":[[116.20, 39.56],[112.3352, 37.9413]]},{"name":"北京到陕西","coords":[[116.20, 39.56],[109.1162, 34.2004]]},{"name":"北京到甘肃","coords":[[116.20, 39.56],[103.5901, 36.3043]]},{"name":"北京到宁夏", "coords":[[116.20, 39.56],[106.3586, 38.1775]]},{"name":"北京到青海", "coords":[[116.20, 39.56],[101.4038, 36.8207]]},{"name":"北京到新疆","coords":[[116.20, 39.56],[87.9236, 43.5883]]},{"name":"北京到西藏", "coords":[[116.20, 39.56],[91.11, 29.97]]},{"name":"北京到四川", "coords":[[116.20, 39.56],[103.9526, 30.7617]]},{"name":"北京到重庆", "coords":[[116.20, 39.56],[108.384366, 30.439702]]},{"name":"北京到山东", "coords":[[116.20, 39.56],[117.1582, 36.8701]]},{"name":"北京到河南", "coords":[[116.20, 39.56],[113.4668, 34.6234]]},{"name":"北京到江苏", "coords":[[116.20, 39.56],[118.8062, 31.9208]]},{"name":"北京到安徽", "coords":[[116.20, 39.56],[117.29, 32.0581]]},{"name":"北京到湖北", "coords":[[116.20, 39.56],[114.3896, 30.6628]]},{"name":"北京到浙江", "coords":[[116.20, 39.56],[119.5313, 29.8773]]},{"name":"北京到福建", "coords":[[116.20, 39.56],[119.4543, 25.9222]]},{"name":"北京到江西", "coords":[[116.20, 39.56],[116.0046, 28.6633]]},{"name":"北京到湖南", "coords":[[116.20, 39.56],[113.0823, 28.2568]]},{"name":"北京到贵州", "coords":[[116.20, 39.56],[106.6992, 26.7682]]},{"name":"北京到云南", "coords":[[116.20, 39.56],[102.9199, 25.4663]]},{"name":"北京到广东", "coords":[[116.20, 39.56],[113.12244, 23.009505]]},{"name":"北京到广西", "coords":[[116.20, 39.56],[108.479, 23.1152]]},{"name":"北京到海南", "coords":[[116.20, 39.56],[110.3893, 19.8516]]},{"name":"北京到上海", "coords":[[116.20, 39.56],[121.4648, 31.2891]]}]}

provincesta

{"data":[{"name": "北京","value": 130 },{"name": "天津","value": 117 },{"name": "上海","value": 102 },{"name": "重庆","value": 96 },{"name": "宁夏","value": 93 },{"name": "内蒙古","value": 92 },{"name": "西藏","value": 88 },{"name": "广西","value": 85 },{"name": "新疆","value": 82 },{"name": "香港","value": 78 },{"name": "澳门","value": 74 },{"name": "广东","value": 72 },{"name": "贵州","value": 70 },{"name": "陕西","value": 69 },{"name": "青海","value": 66 },{"name": "台湾","value": 64 },{"name": "河北","value": 62 },{"name": "辽宁","value": 60 },{"name": "黑龙江","value": 59 },{"name": "湖南","value": 58 },{"name": "山东","value": 57 },{"name": "江苏","value": 53 },{"name": "浙江","value": 48 },{"name": "江西","value": 44 },{"name": "甘肃","value": 38 },{"name": "山西","value": 31 },{"name": "海南","value": 28 },{"name": "吉林","value": 25 },{"name": "云南","value": 18 },{"name": "四川","value": 15 },{"name": "福建","value": 12 },{"name": "湖北","value": 5 },{"name": "安徽","value": 4 },{"name": "河南","value": 3 }],"totalCar":1998
}