大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理陇南市宕昌县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
宕昌县，隶属 甘肃省 陇南市，位于甘肃省南部、陇南市西北部，东与礼县接壤，西与甘南州舟曲县、迭部县相邻，南与武都区毗邻，北与定西市岷县相连。全县幅员面积3331平方千米，下辖11个镇、14个乡，336个行政村。截至2020年11月，宕昌县常住人口为25.49万。
echarts陇南市宕昌县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts陇南市宕昌县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts陇南市宕昌县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs陇南市宕昌县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程
threejs陇南市宕昌县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs陇南市宕昌县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
陇南市宕昌县 下辖有 甘江头乡,新城子藏族乡,城关镇,好梯乡,官亭镇,将台乡,两河口乡,何家堡乡,哈达铺镇,庞家乡,木耳乡,沙湾镇,狮子乡,理川镇,竹院乡,贾河乡,车拉乡,阿坞乡,韩院乡,临江乡,八力乡,兴化乡,南河乡,南阳镇,新寨乡
陇南市宕昌县下辖区域坐标
{"甘江头乡":[104.55197254778284,33.91094218774785],"新城子藏族乡":[104.41131073247215,33.93980413097715],"城关镇":[104.34529673365267,33.98092580846912],"好梯乡":[104.75420922296242,33.97439365169368],"官亭镇":[104.5212410514629,33.84613873796773],"将台乡":[104.41635520654357,34.11566712568474],"两河口乡":[104.54927022393926,33.73468958293705],"何家堡乡":[104.27734340648601,34.0178687546117],"哈达铺镇":[104.2160632816811,34.23324777274443],"庞家乡":[104.25053865819868,34.31698610237756],"木耳乡":[104.37907328086352,34.24932767434956],"沙湾镇":[104.56920584521264,33.64311104902649],"狮子乡":[104.68399725447966,33.74145947843574],"理川镇":[104.3178453649974,34.2219728195401],"竹院乡":[104.68150974717273,33.87299198551545],"贾河乡":[104.38045491916412,34.15556197471037],"车拉乡":[104.48689033569764,34.11910072002533],"阿坞乡":[104.16636347484881,34.29690777951015],"韩院乡":[104.70205901964005,33.99878959183603],"临江乡":[104.52385268329218,33.97549861497608],"八力乡":[104.35680966019757,34.32360764514521],"兴化乡":[104.59385956872035,34.11827622244951],"南河乡":[104.16689293741516,34.08431411424067],"南阳镇":[104.61033221604595,33.98274823763799],"新寨乡":[104.67888317518583,33.64415873552429]}
陇南市宕昌县行政划分代码
[{"name":"甘江头乡","code":"621223220000"},{"name":"新城子藏族乡","code":"621223214000"},{"name":"城关镇","code":"621223100000"},{"name":"好梯乡","code":"621223216000"},{"name":"官亭镇","code":"621223104000"},{"name":"将台乡","code":"621223212000"},{"name":"两河口乡","code":""},{"name":"何家堡乡","code":"621223209000"},{"name":"哈达铺镇","code":"621223101000"},{"name":"庞家乡","code":"621223207000"},{"name":"木耳乡","code":"621223206000"},{"name":"沙湾镇","code":"621223105000"},{"name":"狮子乡","code":"621223224000"},{"name":"理川镇","code":"621223102000"},{"name":"竹院乡","code":"621223218000"},{"name":"贾河乡","code":"621223211000"},{"name":"车拉乡","code":"621223213000"},{"name":"阿坞乡","code":""},{"name":"韩院乡","code":"621223217000"},{"name":"临江乡","code":""},{"name":"八力乡","code":""},{"name":"兴化乡","code":"621223219000"},{"name":"南河乡","code":""},{"name":"南阳镇","code":"621223103000"},{"name":"新寨乡","code":"621223223000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
