数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理宜宾市江安县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts宜宾市江安县geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts宜宾市江安县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts宜宾市江安县geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
threejs宜宾市江安县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣,可以观看threejs视频教程 WebGL 3D可视化教程
threejs宜宾市江安县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs宜宾市江安县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
宜宾市江安县 下辖有 井口镇,水清镇,五矿镇,仁和乡,大井镇,大妙乡,底蓬镇,江安镇,怡乐镇,桐梓镇,留耕镇,红桥镇,蟠龙乡,迎安镇,铁清镇,阳春镇,四面山镇,夕佳山镇
宜宾市江安县下辖区域坐标
{"井口镇":[105.20233395378287,28.78555871551566],"水清镇":[105.11193163332811,28.81619974579966],"五矿镇":[105.08292219931442,28.40127473414424],"仁和乡":[105.17282321772491,28.50395190342621],"大井镇":[105.097391212905,28.46946676781116],"大妙乡":[105.1729578372913,28.56570950204616],"底蓬镇":[105.08128829345094,28.53149872620898],"江安镇":[105.06113116586889,28.68829301537161],"怡乐镇":[105.14806150550055,28.71521595901223],"桐梓镇":[105.06649216611797,28.77861047593689],"留耕镇":[105.13279893710222,28.62961084185731],"红桥镇":[105.01244844953962,28.43430895948737],"蟠龙乡":[105.05861348624224,28.60494723820204],"迎安镇":[105.1589443217371,28.90722593969085],"铁清镇":[105.11364468504941,28.88991100503018],"阳春镇":[105.12381981673124,28.74005906654741],"四面山镇":[105.16909735444064,28.82162202927147],"夕佳山镇":[105.11325204947435,28.59889253229592]}
宜宾市江安县行政划分代码
[{"name":"井口镇","code":""},{"name":"水清镇","code":""},{"name":"五矿镇","code":"511523108000"},{"name":"仁和乡","code":""},{"name":"大井镇","code":"511523114000"},{"name":"大妙乡","code":""},{"name":"底蓬镇","code":""},{"name":"江安镇","code":"511523100000"},{"name":"怡乐镇","code":"511523104000"},{"name":"桐梓镇","code":""},{"name":"留耕镇","code":"511523105000"},{"name":"红桥镇","code":"511523101000"},{"name":"蟠龙乡","code":""},{"name":"迎安镇","code":"511523109000"},{"name":"铁清镇","code":"511523112000"},{"name":"阳春镇","code":"511523115000"},{"name":"四面山镇","code":"511523113000"},{"name":"夕佳山镇","code":"511523110000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看