数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理宜昌市点军区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
宜昌市点军区介绍
宜昌市点军区是湖北省宜昌市下辖的一个市辖区,地处长江中游南岸,三峡大坝东侧,拥有丰富的历史文化遗存和自然景观。点军区以独特的地理位置和秀美的山水闻名,其境内有国家5A级旅游景区——夷陵长江大桥、点军是三国时期著名的赤壁古战场所在地,文化底蕴深厚。同时,这里是宜昌重要的工业基地和农产品供应地,经济发展活跃,旅游业和农业相辅相成,共同推动着点军区的繁荣。
动态效果
echarts宜昌市点军区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts宜昌市点军区geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts宜昌市点军区geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs宜昌市点军区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs视频 Three.js前端3D可视化
threejs宜昌市点军区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs宜昌市点军区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
宜昌市点军区 下辖有 桥边镇,土城乡,点军街道,联棚乡,艾家镇
宜昌市点军区下辖区域坐标
{"桥边镇":[111.1685655210307,30.70769463778268],"土城乡":[111.05264499146645,30.68177925931251],"点军街道":[111.25876018034066,30.70932061147647],"联棚乡":[111.22039636448378,30.62566873977025],"艾家镇":[111.32583855545553,30.61460361925998]}
宜昌市点军区行政划分代码
[{"name":"桥边镇","code":"420504102000"},{"name":"土城乡","code":"420504202000"},{"name":"点军街道","code":"420504001000"},{"name":"联棚乡","code":"420504201000"},{"name":"艾家镇","code":"420504101000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。