随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理绵阳市平武县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts绵阳市平武县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts绵阳市平武县geoJson地图飞线图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts绵阳市平武县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs绵阳市平武县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程
threejs绵阳市平武县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
绵阳市平武县 下辖有 木座藏族乡,白马藏族乡,水田羌族乡,阔达藏族乡,黄羊关藏族乡,南坝镇,古城镇,响岩镇,坝子乡,大印镇,大桥镇,平通镇,水晶镇,水观乡,豆叩镇,高村乡,龙安镇,土城藏族乡,平南羌族乡,徐塘羌族乡,旧堡羌族乡,木皮藏族乡,泗耳藏族乡,虎牙藏族乡,锁江羌族乡
绵阳市平武县下辖区域坐标
{"木座藏族乡":[104.48313907970996,32.66831965904076],"白马藏族乡":[104.17372412979287,32.86510911463427],"水田羌族乡":[104.62304425206776,32.31126678247683],"阔达藏族乡":[104.42038832616782,32.49989303516472],"黄羊关藏族乡":[104.2301133624692,32.61480229620409],"南坝镇":[104.83556484178425,32.25544035405218],"古城镇":[104.6680824888297,32.41694220806234],"响岩镇":[104.80016264525801,32.08568021963336],"坝子乡":[104.72255892755481,32.27417205895075],"大印镇":[104.4121525962197,32.18187974822952],"大桥镇":[104.3179380770265,32.34673241659625],"平通镇":[104.68292323302575,32.11780324333098],"水晶镇":[104.22346545428678,32.52270891713311],"水观乡":[104.93233827179263,32.30080400851858],"豆叩镇":[104.57701809473691,32.16333408473348],"高村乡":[104.72398654893686,32.45152141088595],"龙安镇":[104.52095028985141,31.98081422343706],"土城藏族乡":[104.15005452283148,32.39536627835326],"平南羌族乡":[104.61201561702252,32.22291370638796],"徐塘羌族乡":[104.44323157413672,32.28220586388852],"旧堡羌族乡":[104.4200359106853,32.37799594857211],"木皮藏族乡":[104.47894197220121,32.57520824911935],"泗耳藏族乡":[104.05187958821449,32.33305956021272],"虎牙藏族乡":[103.98876441366089,32.53754148952108],"锁江羌族乡":[104.36850503176876,32.13554373146199]}
绵阳市平武县行政划分代码
[{"name":"木座藏族乡","code":"510727214000"},{"name":"白马藏族乡","code":"510727213000"},{"name":"水田羌族乡","code":""},{"name":"阔达藏族乡","code":"510727209000"},{"name":"黄羊关藏族乡","code":"510727210000"},{"name":"南坝镇","code":""},{"name":"古城镇","code":"510727101000"},{"name":"响岩镇","code":"510727103000"},{"name":"坝子乡","code":"510727202000"},{"name":"大印镇","code":""},{"name":"大桥镇","code":"510727107000"},{"name":"平通镇","code":""},{"name":"水晶镇","code":"510727108000"},{"name":"水观乡","code":""},{"name":"豆叩镇","code":""},{"name":"高村乡","code":"510727200000"},{"name":"龙安镇","code":"510727100000"},{"name":"土城藏族乡","code":"510727207000"},{"name":"平南羌族乡","code":""},{"name":"徐塘羌族乡","code":""},{"name":"旧堡羌族乡","code":"510727208000"},{"name":"木皮藏族乡","code":"510727215000"},{"name":"泗耳藏族乡","code":"510727212000"},{"name":"虎牙藏族乡","code":"510727211000"},{"name":"锁江羌族乡","code":"510727206000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
