随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理凉山彝族自治州喜德县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts凉山彝族自治州喜德县geoJson地图迁徙图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts凉山彝族自治州喜德县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts凉山彝族自治州喜德县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs凉山彝族自治州喜德县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs教程视频 Three.js视频教程3D可视化
threejs凉山彝族自治州喜德县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
凉山彝族自治州喜德县 下辖有 两河口镇,冕山镇,则约乡,北山乡,李子乡,鲁基乡,且拖乡,东河乡,依洛乡,乐武乡,光明镇,尼波镇,巴久乡,拉克乡,洛哈镇,洛莫乡,米市镇,额尼乡,红莫镇,西河乡,贺波洛乡,博洛拉达乡,沙马拉达乡,热柯依达乡
凉山彝族自治州喜德县下辖区域坐标
{"两河口镇":[102.53326549542717,28.24226557108139],"冕山镇":[102.34731990606448,28.42052669151242],"则约乡":[102.36436548203332,28.23687029211466],"北山乡":[102.36189527460583,27.96866679437668],"李子乡":[102.25199387834073,28.02672725510487],"鲁基乡":[102.23929452409809,28.1469650839201],"且拖乡":[102.46903963599297,28.24416689780752],"东河乡":[102.38658188740084,27.93733095920061],"依洛乡":[102.46292530525965,28.15870431069995],"乐武乡":[102.62617967526603,28.28851228602563],"光明镇":[102.41216217542532,28.3444340307513],"尼波镇":[102.62314429762861,28.33859440739823],"巴久乡":[102.63493662992909,28.20482283216378],"拉克乡":[102.34665810299992,28.32501389447157],"洛哈镇":[102.52769729099067,28.04715595584844],"洛莫乡":[102.6495821109531,28.15757923526265],"米市镇":[102.52905687679392,28.1148321023154],"额尼乡":[102.47215498414734,28.00148102393008],"红莫镇":[102.31307394581444,28.1323909772683],"西河乡":[102.35199296884171,28.03434674800155],"贺波洛乡":[102.48060525731388,28.35843377399483],"博洛拉达乡":[102.42563914643294,28.2104665917863],"沙马拉达乡":[102.56451932052684,28.23119230380172],"热柯依达乡":[102.40843844121466,28.0978082047383]}
凉山彝族自治州喜德县行政划分代码
[{"name":"两河口镇","code":"513432103000"},{"name":"冕山镇","code":"513432101000"},{"name":"则约乡","code":""},{"name":"北山乡","code":"513432205000"},{"name":"李子乡","code":"513432204000"},{"name":"鲁基乡","code":"513432203000"},{"name":"且拖乡","code":"513432208000"},{"name":"东河乡","code":""},{"name":"依洛乡","code":""},{"name":"乐武乡","code":""},{"name":"光明镇","code":"513432100000"},{"name":"尼波镇","code":"513432106000"},{"name":"巴久乡","code":""},{"name":"拉克乡","code":""},{"name":"洛哈镇","code":"513432105000"},{"name":"洛莫乡","code":""},{"name":"米市镇","code":"513432104000"},{"name":"额尼乡","code":""},{"name":"红莫镇","code":"513432102000"},{"name":"西河乡","code":""},{"name":"贺波洛乡","code":"513432202000"},{"name":"博洛拉达乡","code":""},{"name":"沙马拉达乡","code":"513432210000"},{"name":"热柯依达乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
