echarts铁岭市铁岭县geoJson地图全局颜色渐变演示实例

geoJson2 yekong

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

铁岭县隶属于辽宁省铁岭市,位于辽宁省北部,是铁岭市下辖的一个县,南依沈阳,东邻抚顺,西接调兵山市,中环铁岭市银州区,县域地处东经123°28′至124°33′,北纬41°59′至42°33′。面积2262平方公里。截至2020年,铁岭县下辖14个乡镇,217个行政村,15个社区。根据第七次人口普查数据,截至2020年11月1日零时,铁岭县常住人口为324383人。

echarts铁岭市铁岭县geoJson地图全局颜色渐变

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

echarts铁岭市铁岭县geoJson地图全局颜色渐变

echarts铁岭市铁岭县geoJson地图地图下钻展示

地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.

echarts铁岭市铁岭县geoJson地图地图下钻展示

echarts铁岭市铁岭县geoJson地图 tooltip轮播

echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.

echarts铁岭市铁岭县geoJson地图 tooltip轮播

threejs铁岭市铁岭县geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs视频教程 3D可视化Three.js视频教程

threejs铁岭市铁岭县geoJson地图3d地图指定区域闪烁

threejs铁岭市铁岭县geoJson地图3d地图红色描边闪烁警报

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

threejs铁岭市铁岭县geoJson地图3d地图红色描边闪烁警报

threejs铁岭市铁岭县geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

threejs铁岭市铁岭县geoJson地图3d地图CSS2D外加旋转棱锥

铁岭市铁岭县 下辖有 凡河镇,种畜场,腰堡镇,阿吉镇,鸡冠山乡,双井子镇,大甸子镇,平顶堡镇,李千户镇,镇西堡镇,白旗寨满族乡,蔡牛镇,横道河子镇,新台子镇,熊官屯镇

铁岭市铁岭县下辖区域坐标

{"凡河镇":[123.70064455795456,42.24909601330212],"种畜场":[123.916141491108,42.25231804715257],"腰堡镇":[123.7050476075762,42.16868390446118],"阿吉镇":[123.53797254180239,42.24644119989387],"鸡冠山乡":[124.26623450790302,42.12600487411976],"双井子镇":[123.72902147884658,42.47502299428179],"大甸子镇":[124.11515932555427,42.15416295243947],"平顶堡镇":[123.94230579218099,42.35777706616523],"李千户镇":[123.8957488897064,42.13102403392114],"镇西堡镇":[],"白旗寨满族乡":[124.39611705303894,42.06779298073392],"蔡牛镇":[123.63394135066869,42.3396294770627],"横道河子镇":[123.89256744531193,42.03705208978276],"新台子镇":[123.64289887440233,42.15586169132604],"熊官屯镇":[124.00337180311823,42.26693786637071]}

铁岭市铁岭县行政划分代码

[{"name":"凡河镇","code":"211221105000"},{"name":"种畜场","code":""},{"name":"腰堡镇","code":"211221106000"},{"name":"阿吉镇","code":"211221102000"},{"name":"鸡冠山乡","code":"211221208000"},{"name":"双井子镇","code":"211221112000"},{"name":"大甸子镇","code":"211221104000"},{"name":"平顶堡镇","code":"211221103000"},{"name":"李千户镇","code":"211221109000"},{"name":"镇西堡镇","code":"211221107000"},{"name":"白旗寨满族乡","code":"211221209000"},{"name":"蔡牛镇","code":"211221108000"},{"name":"横道河子镇","code":"211221111000"},{"name":"新台子镇","code":"211221101000"},{"name":"熊官屯镇","code":"211221110000"}]

说明

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

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

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

铁岭市铁岭县echarts地图效果实例和threejs地图效果实例下载

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