echarts上饶市余干县geoJson地图区域闪烁实例代码

geoJson2 yekong

可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是上饶市余干县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts上饶市余干县geoJson地图区域闪烁

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

 echarts上饶市余干县geoJson地图区域闪烁

echarts上饶市余干县geoJson地图 visualMap控制地图颜色

echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化

echarts上饶市余干县geoJson地图 visualMap控制地图颜色

echarts上饶市余干县geoJson地图全局颜色渐变

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

echarts上饶市余干县geoJson地图全局颜色渐变

threejs上饶市余干县geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js前端3D可视化教程

threejs上饶市余干县geoJson地图3d地图CSS2D外加旋转棱锥

threejs上饶市余干县geoJson地图3d地图CSS3D标签

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

threejs上饶市余干县geoJson地图3d地图CSS3D标签

threejs上饶市余干县geoJson地图3d地图添加金色效果

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

threejs上饶市余干县geoJson地图3d地图添加金色效果

上饶市余干县 下辖有 李梅林场,县良种场,乌泥镇,大塘乡,东塘乡,康山乡,信丰垦殖场,杨埠镇,枫港乡,江埠乡,玉亭镇,瑞洪镇,石口镇,社赓乡,峡山林场,白马桥乡,鹭鸶港乡,黄金埠镇,康山垦总场,渔池湖水产场,禾斛岭垦殖场,九龙镇,古埠镇,三塘乡,梅港乡,洪家嘴乡,大溪乡

上饶市余干县下辖区域坐标

{"李梅林场":[116.65104865173129,28.43343210132776],"县良种场":[116.71932641178628,28.76560211026602],"乌泥镇":[116.65030353883533,28.79719988734037],"大塘乡":[116.52127514847434,28.80857256728249],"东塘乡":[116.69365100235308,28.82367609295094],"康山乡":[116.40698854710807,28.94954028988939],"信丰垦殖场":[116.64195233456829,28.8717982568968],"杨埠镇":[116.78703125733648,28.59019154155848],"枫港乡":[116.5450768750197,28.60664900370674],"江埠乡":[116.56222628616621,28.63959821414776],"玉亭镇":[116.70505615985105,28.70210393505156],"瑞洪镇":[116.35990262682517,28.79084640513322],"石口镇":[116.62805938798216,28.81484355266292],"社赓乡":[116.64743755516399,28.45003198743801],"峡山林场":[116.79108138584411,28.53768089486789],"白马桥乡":[116.72991915274051,28.633912605464],"鹭鸶港乡":[116.66707217530632,28.75476152000539],"黄金埠镇":[116.84002272060499,28.5262306233823],"康山垦总场":[116.49137842076804,28.85425025304769],"渔池湖水产场":[116.65253833048824,28.81483192747779],"禾斛岭垦殖场":[116.61326343947133,28.53291695490714],"九龙镇":[116.59545835436168,28.53031045360805],"古埠镇":[116.78682859686148,28.71615572563952],"三塘乡":[116.51859517474759,28.72357947416779],"梅港乡":[116.79315382584255,28.44104904800219],"洪家嘴乡":[116.63013952943953,28.69156424671525],"大溪乡":[116.69773062241443,28.5630941440222]}

上饶市余干县行政划分代码

[{"name":"李梅林场","code":"361127502000"},{"name":"县良种场","code":"361127501000"},{"name":"乌泥镇","code":"361127105000"},{"name":"大塘乡","code":"361127204000"},{"name":"东塘乡","code":"361127202000"},{"name":"康山乡","code":"361127200000"},{"name":"信丰垦殖场","code":"361127506000"},{"name":"杨埠镇","code":"361127107000"},{"name":"枫港乡","code":"361127213000"},{"name":"江埠乡","code":"361127211000"},{"name":"玉亭镇","code":"361127100000"},{"name":"瑞洪镇","code":"361127101000"},{"name":"石口镇","code":"361127106000"},{"name":"社赓乡","code":""},{"name":"峡山林场","code":"361127505000"},{"name":"白马桥乡","code":"361127210000"},{"name":"鹭鸶港乡","code":"361127206000"},{"name":"黄金埠镇","code":"361127102000"},{"name":"康山垦总场","code":"361127503000"},{"name":"渔池湖水产场","code":"361127500000"},{"name":"禾斛岭垦殖场","code":"361127504000"},{"name":"九龙镇","code":"361127108000"},{"name":"古埠镇","code":"361127104000"},{"name":"三塘乡","code":"361127207000"},{"name":"梅港乡","code":"361127217000"},{"name":"洪家嘴乡","code":"361127209000"},{"name":"大溪乡","code":"361127214000"}]

说明

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

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

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

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

上饶市余干县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts上饶市余干县geoJson地图区域闪烁实例代码