echarts伊春市嘉荫县geoJson地图局部颜色渐变实例

geoJson2 yekong 72℃

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

嘉荫县,隶属于 黑龙江省 伊春市,位于伊春市北部,黑龙江中游右岸,小兴安岭北麓东段。位于北纬48°8′30″至49°26′5″,东经129°9′45″至130°50′之间。总面积6739平方千米。嘉荫县东南接萝北县,南与鹤岗市,西南与伊春丰林县、汤旺县相邻,西连逊克县。嘉荫县辖地自西北向东南呈狭长地段,由于小兴安岭自西南来横贯全境,北麓如鸡爪状向黑龙江岸延伸,所以全境地势西南高,东北低。嘉荫县属于温带大陆性季风气候区北部,一年四季的气候差异大。截至2018年,嘉荫县下辖4镇、5乡。县政府驻朝阳镇。根据第七次人口普查数据,截至2020年11月1日零时,嘉荫县常住人口为56523人。

echarts伊春市嘉荫县geoJson地图局部颜色渐变

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

echarts伊春市嘉荫县geoJson地图局部颜色渐变

echarts伊春市嘉荫县geoJson地图阴影

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

echarts伊春市嘉荫县geoJson地图阴影

echarts伊春市嘉荫县geoJson地图飞线图

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

echarts伊春市嘉荫县geoJson地图飞线图

threejs伊春市嘉荫县geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js前端3D可视化教程

threejs伊春市嘉荫县geoJson地图3d地图css2d标签

threejs伊春市嘉荫县geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能

threejs伊春市嘉荫县geoJson地图3d地图红色描边闪烁警报

threejs伊春市嘉荫县geoJson地图3d地图添加金色效果

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

threejs伊春市嘉荫县geoJson地图3d地图添加金色效果

伊春市嘉荫县 下辖有 朝阳镇,沪嘉乡,青山乡,乌拉嘎镇,太平林场,清河林场,马连林场,乌云镇,保兴乡,向阳乡,红光乡,嘉荫农场,常胜乡

伊春市嘉荫县下辖区域坐标

{"朝阳镇":[130.49715277765284,48.86895505066627],"沪嘉乡":[129.42852287406208,49.06405877003283],"青山乡":[129.9357961157898,48.70641781544892],"乌拉嘎镇":[130.1385989086026,48.34802397028685],"太平林场":[130.30320538441813,48.85961763104583],"清河林场":[129.96171038794398,48.86756704208369],"马连林场":[130.5832726476704,48.49573847523946],"乌云镇":[129.57423012379343,49.24979871349686],"保兴乡":[130.49816184615025,48.5132157778515],"向阳乡":[129.81401846241306,49.04819436971037],"红光乡":[130.43077405477885,48.78802294093406],"嘉荫农场":[130.0425042228385,48.85279214271822],"常胜乡":[129.3555958758734,49.28095738473861]}

说明

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

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

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

伊春市嘉荫县echarts地图效果实例和threejs地图效果实例下载

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