随着开发 数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理宜昌市猇亭区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
宜昌市猇亭区位于中国湖北省西南部、长江上游,是宜昌市的一个市辖区。猇亭区地势平坦,气候温和,背靠秭归县,面朝长江,风景秀丽,资源丰富。这里是三国历史文化名城,也是古代著名的“夷陵老猇”,有“荆楚门户”之称。猇亭区以丰富的三国文化遗迹和美丽的自然景观著称,是旅游和历史研究的好去处,也是现代宜昌重要的工商业和交通枢纽。
动态效果
echarts宜昌市猇亭区geoJson地图
echarts宜昌市猇亭区geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts宜昌市猇亭区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts宜昌市猇亭区geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs宜昌市猇亭区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs课程视频 WebGL/Three.js前端3D可视化教程
threejs宜昌市猇亭区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs宜昌市猇亭区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
宜昌市猇亭区 下辖有 云池街道,虎牙街道,古老背街道
宜昌市猇亭区下辖区域坐标
{"云池街道":[111.46263012938476,30.5185797544274],"虎牙街道":[111.42666688666866,30.58534131059663],"古老背街道":[111.41718927227033,30.54091568589027]}
宜昌市猇亭区行政划分代码
[{"name":"云池街道","code":"420505003000"},{"name":"虎牙街道","code":"420505002000"},{"name":"古老背街道","code":"420505001000"}]
相关资源下载
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。