随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理抚州市南丰县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts抚州市南丰县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts抚州市南丰县geoJson地图label样式自定义
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts抚州市南丰县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs抚州市南丰县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs抚州市南丰县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
抚州市南丰县 下辖有 三溪乡,东坪乡,傅坊乡,太和镇,太源乡,市山镇,桑田镇,洽湾镇,琴城镇,南丰县长红垦殖场,白舍镇,紫霄镇,莱溪乡,南丰工业园区
抚州市南丰县下辖区域坐标
{"三溪乡":[116.38401982947914,27.15085198457282],"东坪乡":[116.6936482911297,27.2883603909521],"傅坊乡":[116.57743745090426,26.93485952900147],"太和镇":[116.61637198350275,27.0402942098336],"太源乡":[116.67875234703328,27.15766955205078],"市山镇":[116.44029426861337,27.22008110583918],"桑田镇":[116.57555170435742,27.12357443509211],"洽湾镇":[116.6084102237509,27.28482590779958],"琴城镇":[116.52869667829486,27.21731475370038],"南丰县长红垦殖场":[116.21150395474552,26.96479826602487],"白舍镇":[116.40958710546104,27.05660750121494],"紫霄镇":[116.24802280575192,27.05230047689232],"莱溪乡":[116.60265171512548,27.2017764813823],"南丰工业园区":[116.5305442280119,27.2555303530834]}
抚州市南丰县行政划分代码
[{"name":"三溪乡","code":"361023200000"},{"name":"东坪乡","code":"361023201000"},{"name":"傅坊乡","code":"361023204000"},{"name":"太和镇","code":"361023101000"},{"name":"太源乡","code":"361023203000"},{"name":"市山镇","code":"361023103000"},{"name":"桑田镇","code":"361023105000"},{"name":"洽湾镇","code":"361023104000"},{"name":"琴城镇","code":"361023100000"},{"name":"南丰县长红垦殖场","code":"361023400000"},{"name":"白舍镇","code":"361023102000"},{"name":"紫霄镇","code":"361023106000"},{"name":"莱溪乡","code":"361023202000"},{"name":"南丰工业园区","code":"361023500000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
