大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理抚州市金溪县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts抚州市金溪县geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts抚州市金溪县geoJson地图自定义label样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts抚州市金溪县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs抚州市金溪县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs课程视频 Three.js前端3D可视化
threejs抚州市金溪县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs抚州市金溪县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
抚州市金溪县 下辖有 何源镇,双塘镇,合市镇,对桥镇,左坊镇,浒湾镇,琅琚镇,琉璃乡,石门乡,秀谷镇,陆坊乡,黄通乡,华侨农场,陈坊积乡
抚州市金溪县下辖区域坐标
{"何源镇":[116.98097269625372,27.96562975339191],"双塘镇":[116.72316638119791,28.04012060902911],"合市镇":[116.66826575927212,27.98755469486697],"对桥镇":[116.89065004475131,28.0269450993917],"左坊镇":[116.7324661198782,27.78291854850649],"浒湾镇":[116.5353973832051,27.91827901222206],"琅琚镇":[116.64683734281923,27.89281758261295],"琉璃乡":[116.55947073910123,28.00056540791505],"石门乡":[116.66321301915343,27.76064214882237],"秀谷镇":[116.77571378156273,27.92153908369377],"陆坊乡":[116.82636873069859,27.98181021573405],"黄通乡":[116.90746711826597,27.90543705379153],"华侨农场":[116.70582603135993,27.9010772248886],"陈坊积乡":[116.5510380712391,28.04839049853231]}
抚州市金溪县行政划分代码
[{"name":"何源镇","code":"361027103000"},{"name":"双塘镇","code":"361027102000"},{"name":"合市镇","code":"361027104000"},{"name":"对桥镇","code":"361027107000"},{"name":"左坊镇","code":"361027106000"},{"name":"浒湾镇","code":"361027101000"},{"name":"琅琚镇","code":"361027105000"},{"name":"琉璃乡","code":"361027204000"},{"name":"石门乡","code":"361027205000"},{"name":"秀谷镇","code":"361027100000"},{"name":"陆坊乡","code":"361027202000"},{"name":"黄通乡","code":"361027200000"},{"name":"华侨农场","code":""},{"name":"陈坊积乡","code":"361027203000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看