echarts龙岩市上杭县geoJson地图水滴状气泡图演示实例

geoJson2

数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理龙岩市上杭县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts龙岩市上杭县geoJson地图水滴状气泡图

echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.

echarts龙岩市上杭县geoJson地图水滴状气泡图

echarts龙岩市上杭县geoJson地图局部颜色渐变

echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果

echarts龙岩市上杭县geoJson地图局部颜色渐变

echarts龙岩市上杭县geoJson地图阴影

echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.

echarts龙岩市上杭县geoJson地图阴影

threejs龙岩市上杭县geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣,可以观看threejs视频课程 3D可视化Three.js视频教程

threejs龙岩市上杭县geoJson地图3d地图css2d标签

threejs龙岩市上杭县geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs龙岩市上杭县geoJson地图3d地图添加描边效果

threejs龙岩市上杭县geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs龙岩市上杭县geoJson地图3d地图鼠标移入显示标签并高亮

龙岩市上杭县 下辖有 下都乡,中都镇,临城镇,稔田镇,茶地乡,蓝溪镇,蛟洋镇,通贤乡,官庄畲族乡,庐丰畲族乡,临江镇,南阳镇,古田镇,太拔乡,才溪镇,旧县镇,步云乡,泮境乡,湖洋镇,溪口镇,珊瑚乡,白砂镇

龙岩市上杭县下辖区域坐标

{"下都乡":[116.45339992553002,24.82935779400979],"中都镇":[116.43684675688317,24.91289465422332],"临城镇":[116.4029751252197,25.05016522243838],"稔田镇":[116.60733655794203,24.85150670844491],"茶地乡":[116.57730953331784,25.03355974430521],"蓝溪镇":[116.63231477930624,24.93410579652947],"蛟洋镇":[116.67264378459666,25.22091386885353],"通贤乡":[116.4360225963629,25.31368530083105],"官庄畲族乡":[116.35483416389792,25.31834889407048],"庐丰畲族乡":[116.50116069247119,24.94729100423579],"临江镇":[116.42218426622847,25.05172498870007],"南阳镇":[116.52459479647067,25.35196124306253],"古田镇":[116.79699109498503,25.25046742378872],"太拔乡":[116.67815480558782,24.96761428748538],"才溪镇":[116.4189871399883,25.25738220813861],"旧县镇":[116.47199960780836,25.19299563196174],"步云乡":[116.87499253606452,25.30734582476865],"泮境乡":[116.5189520741823,25.052524378599],"湖洋镇":[116.3332381924814,25.06569466662312],"溪口镇":[116.69559423170969,25.0542221973811],"珊瑚乡":[116.32198375339955,25.22713037746043],"白砂镇":[116.57150383850413,25.13515806984419]}

龙岩市上杭县行政划分代码

[{"name":"下都乡","code":""},{"name":"中都镇","code":"350823102000"},{"name":"临城镇","code":"350823101000"},{"name":"稔田镇","code":"350823104000"},{"name":"茶地乡","code":""},{"name":"蓝溪镇","code":"350823103000"},{"name":"蛟洋镇","code":"350823109000"},{"name":"通贤乡","code":""},{"name":"官庄畲族乡","code":"350823211000"},{"name":"庐丰畲族乡","code":"350823202000"},{"name":"临江镇","code":"350823100000"},{"name":"南阳镇","code":"350823108000"},{"name":"古田镇","code":"350823106000"},{"name":"太拔乡","code":""},{"name":"才溪镇","code":"350823107000"},{"name":"旧县镇","code":"350823110000"},{"name":"步云乡","code":"350823208000"},{"name":"泮境乡","code":"350823206000"},{"name":"湖洋镇","code":"350823111000"},{"name":"溪口镇","code":"350823112000"},{"name":"珊瑚乡","code":"350823212000"},{"name":"白砂镇","code":"350823105000"}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看

龙岩市上杭县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
购买成功后,如无法下载请联系微信:17331886870
喜欢
echarts龙岩市上杭县geoJson地图水滴状气泡图演示实例