echarts梅州市大埔县geoJson地图局部颜色渐变实例代码

echarts yekong

可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理梅州市大埔县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

大埔县,隶属 广东省 梅州市 ,位于广东省东北部、东北紧靠福建省平和县、永定区 ,东南连接潮州市饶平县,西依梅州市梅县区、梅江区,南邻丰顺县, 区域面积2467平方千米。截至2021年10月,大埔县辖14个镇,另有3个林场。截至2020年11月1日零时,大埔县常住人口330948人。

echarts梅州市大埔县geoJson地图局部颜色渐变

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

echarts梅州市大埔县geoJson地图局部颜色渐变

echarts梅州市大埔县geoJson地图点击跳转到指定页面

为图标添加点击事件,点击图标,跳转到指定页面

echarts梅州市大埔县geoJson地图点击跳转到指定页面

echarts梅州市大埔县geoJson地图迁徙图

echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向

echarts梅州市大埔县geoJson地图迁徙图

threejs梅州市大埔县geoJson地图3d地图

通过threejs绘制的3d地图实例,如果想系统的学习threejs的话,可以观看threejs视频 Three.js前端3D可视化

threejs梅州市大埔县geoJson地图3d地图

threejs梅州市大埔县geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁

threejs梅州市大埔县geoJson地图3d地图指定区域闪烁

threejs梅州市大埔县geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小

threejs梅州市大埔县geoJson地图3d地图CSS3D标签

梅州市大埔县下辖有大埔林场,洲瑞林场,丰溪林场,三河镇,光德镇,大东镇,大麻镇,枫朗镇,桃源镇,洲瑞镇,湖寮镇,百侯镇,银江镇,青溪镇,高陂镇,茶阳镇,西河镇

梅州市大埔县下辖区域坐标

{"大埔林场":[116.76907198010298,24.16838048504025],"洲瑞林场":[116.50213526690108,24.18744345578871],"丰溪林场":[116.77557448793836,24.65375368140222],"三河镇":[116.5515437497495,24.43625485744927],"光德镇":[116.71865798478565,24.12616258953526],"大东镇":[116.87677302915523,24.31476094543714],"大麻镇":[116.52348136131907,24.35440777552911],"枫朗镇":[116.83012362930198,24.22893388924469],"桃源镇":[116.64226988772182,24.06852212964631],"洲瑞镇":[116.52625090639206,24.20769517786878],"湖寮镇":[116.68088175586843,24.34754789140263],"百侯镇":[116.76793606713323,24.32976493169338],"银江镇":[116.42895034192279,24.27728627732565],"青溪镇":[116.60384109937911,24.571339692504],"高陂镇":[116.64928898523573,24.19123058442242],"茶阳镇":[116.68244427051948,24.53878648398529],"西河镇":[116.77165209461452,24.44261760806749]}

说明

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

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

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

梅州市大埔县echarts地图效果实例和threejs地图效果实例下载

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