数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理赣州市寻乌县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts赣州市寻乌县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts赣州市寻乌县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
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地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs赣州市寻乌县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
赣州市寻乌县 下辖有 三标乡,吉潭镇,文峰乡,晨光镇,水源乡,澄江镇,留车镇,南桥镇,丹溪乡,菖蒲乡,长宁镇,项山乡,龙廷乡,罗珊乡,桂竹帽镇
赣州市寻乌县下辖区域坐标
{"三标乡":[115.5517240872314,25.088901383429],"吉潭镇":[115.80605797474507,24.96423878328068],"文峰乡":[115.63621876351871,24.9419309130741],"晨光镇":[115.52071732026377,24.82950519064524],"水源乡":[115.63575426560658,25.1429457012773],"澄江镇":[115.72620926829336,25.09494560461059],"留车镇":[115.67706917796116,24.74991857473017],"南桥镇":[115.71092642854674,24.81206995190389],"丹溪乡":[115.75017126489422,24.60648231668626],"菖蒲乡":[115.52802929378714,24.74407574197024],"长宁镇":[115.64051434995315,24.95478849837136],"项山乡":[115.83505037298247,24.91856330134821],"龙廷乡":[115.61363307871943,24.65139859533347],"罗珊乡":[115.848666805851,25.10573011788071],"桂竹帽镇":[115.44609847288179,24.89510037396823]}
赣州市寻乌县行政划分代码
[{"name":"三标乡","code":"360734201000"},{"name":"吉潭镇","code":"360734104000"},{"name":"文峰乡","code":"360734200000"},{"name":"晨光镇","code":"360734101000"},{"name":"水源乡","code":"360734206000"},{"name":"澄江镇","code":"360734105000"},{"name":"留车镇","code":"360734102000"},{"name":"南桥镇","code":"360734103000"},{"name":"丹溪乡","code":"360734204000"},{"name":"菖蒲乡","code":"360734202000"},{"name":"长宁镇","code":"360734100000"},{"name":"项山乡","code":"360734205000"},{"name":"龙廷乡","code":"360734203000"},{"name":"罗珊乡","code":"360734207000"},{"name":"桂竹帽镇","code":"360734106000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看