echarts邵阳市隆回县geoJson地图全局颜色渐变效果实例

geoJson2 yekong

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

echarts邵阳市隆回县geoJson地图全局颜色渐变

echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果

echarts邵阳市隆回县geoJson地图全局颜色渐变

echarts邵阳市隆回县geoJson地图区域闪烁

echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.

echarts邵阳市隆回县geoJson地图区域闪烁

echarts邵阳市隆回县geoJson地图tooltip自定义html

echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.

echarts邵阳市隆回县geoJson地图tooltip自定义html

threejs邵阳市隆回县geoJson地图3d地图css2d标签

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

threejs邵阳市隆回县geoJson地图3d地图css2d标签

threejs邵阳市隆回县geoJson地图3d地图鼠标移入显示标签并高亮

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

threejs邵阳市隆回县geoJson地图3d地图鼠标移入显示标签并高亮

threejs邵阳市隆回县geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

threejs邵阳市隆回县geoJson地图3d地图添加金色效果

邵阳市隆回县 下辖有 桃洪镇,滩头镇,罗洪乡,荷田乡,高平镇,鸭田镇,三阁司镇,六都寨镇,南岳庙乡,司门前镇,大水田乡,小沙江镇,横板桥镇,羊古坳乡,荷香桥镇,西洋江镇,金石桥镇,麻塘山乡,七江乡,北山镇,周旺镇,岩口镇,山界回族乡,虎形山瑶族乡

邵阳市隆回县下辖区域坐标

{"桃洪镇":[111.05548949233273,27.16089033070693],"滩头镇":[111.12832768693664,27.26811897930007],"罗洪乡":[111.0870278976042,27.55071710423022],"荷田乡":[111.00802574293414,27.38572336442516],"高平镇":[111.11664392087678,27.50284921153442],"鸭田镇":[111.01606082013876,27.58959785138354],"三阁司镇":[110.93675821484571,27.0870595038798],"六都寨镇":[110.89228292870777,27.32811081016115],"南岳庙乡":[110.87905276916695,27.14523203611007],"司门前镇":[110.85821546250203,27.48122367906575],"大水田乡":[110.79225645960395,27.41753526791885],"小沙江镇":[110.73583397372347,27.46987515028378],"横板桥镇":[110.85527822591277,27.19570710685574],"羊古坳乡":[110.94904703557705,27.49999775682321],"荷香桥镇":[110.95983643609668,27.25893371843696],"西洋江镇":[110.82385267386124,27.27763196043108],"金石桥镇":[110.92878855272423,27.57597793433854],"麻塘山乡":[110.69224553169087,27.39010132540645],"七江乡":[110.9697021798293,27.44356180473909],"北山镇":[111.13365457149797,27.06763876666223],"周旺镇":[111.1830337181569,27.15321258330657],"岩口镇":[111.09278527695281,27.35484735366417],"山界回族乡":[111.02294016251797,27.03941020862185],"虎形山瑶族乡":[110.69365224543847,27.5732380279531]}

邵阳市隆回县行政划分代码

[{"name":"桃洪镇","code":""},{"name":"滩头镇","code":"430524109000"},{"name":"罗洪乡","code":""},{"name":"荷田乡","code":"430524207000"},{"name":"高平镇","code":"430524104000"},{"name":"鸭田镇","code":"430524110000"},{"name":"三阁司镇","code":"430524115000"},{"name":"六都寨镇","code":"430524105000"},{"name":"南岳庙乡","code":""},{"name":"司门前镇","code":"430524103000"},{"name":"大水田乡","code":"430524203000"},{"name":"小沙江镇","code":"430524101000"},{"name":"横板桥镇","code":"430524107000"},{"name":"羊古坳乡","code":""},{"name":"荷香桥镇","code":"430524106000"},{"name":"西洋江镇","code":"430524111000"},{"name":"金石桥镇","code":"430524102000"},{"name":"麻塘山乡","code":"430524200000"},{"name":"七江乡","code":""},{"name":"北山镇","code":"430524114000"},{"name":"周旺镇","code":"430524108000"},{"name":"岩口镇","code":"430524113000"},{"name":"山界回族乡","code":"430524212000"},{"name":"虎形山瑶族乡","code":"430524201000"}]

说明

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

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

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

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

邵阳市隆回县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts邵阳市隆回县geoJson地图全局颜色渐变效果实例