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 = [];//存放路径图series
await 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 = [];//存放路径图series
await 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 = [];//存放路径图series
await 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
}
原文地址：https://blog.csdn.net/qq_47493625/article/details/144346017
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！