技术选型文章选型技术栈:vue,echarts,echarts-gl安装Vue和echarts1,安装echarts和echarts-alnpmiecharts--savenpmiecharts-gl--save2,quoteechartsandecharts-glimportechartsfrom'echarts';import'echarts-gl'Vue.prototype.$echarts=echarts3,pageimportrequire('../../node_modules/echarts/map/js/China')这个时候地图信息会在你的node_modules/echarts/map/china中初始化。echarts-gl3D地图1.新建一个option.js文件。2、配置页面代码如下(主要是位置标识和3D地图的颜色样式)//标识数据,用于标识地图上的点,为用户提供点击事件vargeoCoordMap={'黑龙江':[127.9688,45.368],'内蒙古':[110.3467,41.4899],'吉林':[125.8154,44.2584],'北京':[116.4551,40.2539],'辽宁':[123.1238,42.1216],"河北":[114.4995,38.1006],"天津":[117.4219,39.4189],"山西":[112.3352,37.9413],"陕西":[109.1162,34.2004],"甘肃":[103.5901,36.3043],"宁夏":[106.3586,38.1775],“青海”:[101.4038,36.8207],“新疆”:[87.9236,43.5883],“西藏”:[91.11,29.97],“四川”:[103.9526,30.7617],“重庆”:[108.384366,30.439702],"山East":[117.1582,36.8701],"Henan":[113.4668,34.6234],"Jiangsu":[118.8062,31.9208],"Anhui":[117.29,32.0581],"Hubei":[114.3896,30.6628],"Zhejiang":[119.5313,29.8773],"Fujian":[119.4543,25.9222],"Jiangxi":[116.0046,28.6633],"Hunan":[113.0823,28.2568],"Guizhou":[106.6992,26.7682],"Yunnan":[102.9199,25.4663],"Guangdong":[113.12244,23.009505],"Guangxi":[108.479,23.1152],"Hainan":[110.3893,19.8516],'Shanghai':[121.4648,31.2891]};varchinaDatas=[[{name:'Heilongjiang',value:100}],[{name:'InnerMongolia',value:300}],[{name:'Jilin',value:300}],[{name:'Liaoning',value:300}],[{name:'Hebei',value:300}],[{name:'Tianjin',value:300}],[{name:'Shanxi',value:300}],[{name:'Shaanxi',value:300}],[{name:'Gansu',value:300}],[{name:'Ningxia',value:300}],[{name:'青海',value:300}],[{name:'新疆',value:300}],[{name:'西藏',value:300}],[{name:'四川',value:300}],[{name:'重庆',value:300}],[{name:'山东',value:300}],[{name:'河南',value:300}],[{name:'江苏',value:300}],[{name:'安徽',value:300}],[{name:'湖北',value:300}],[{name:'浙江',value:300}],[{name:'福建',value:300}],[{name:'江西',value:300}],[{name:'湖南',value:300}],[{name:'贵州',value:300}],[{name:'广西',value:300}],[{name:'海南',value:300}],[{name:'上海',value:1300}]];//处理数据,数据格式符合echartsvarconvertData=function(data){变量res=[];对于(vari=0;i
