echarts酒泉市肃州区geoJson地图全局颜色渐变实例代码

echarts yekong

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

肃州区隶属于 甘肃省 酒泉市,位于甘肃省西北部,酒泉市东部,祁连山北麓、河西走廊中西部,地理坐标为东经98°20′-99°18′,北纬39°10′-39°59′,东与高台县及肃南县接壤,南倚祁连山与肃南县交界,西与嘉峪关市毗邻,北抵金塔夹山与金塔县相连。总面积3386平方公里,辖15个农村乡镇,21个城市社区。

echarts酒泉市肃州区geoJson地图全局颜色渐变

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

echarts酒泉市肃州区geoJson地图全局颜色渐变

echarts酒泉市肃州区geoJson地图阴影

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

echarts酒泉市肃州区geoJson地图阴影

echarts酒泉市肃州区geoJson地图地图下钻展示

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

echarts酒泉市肃州区geoJson地图地图下钻展示

threejs酒泉市肃州区geoJson地图3d地图指定区域闪烁

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

threejs酒泉市肃州区geoJson地图3d地图指定区域闪烁

threejs酒泉市肃州区geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs酒泉市肃州区geoJson地图3d地图添加描边效果

酒泉市肃州区 下辖有 西南街街道,西北街街道,国营下河清农场,上坝镇,东洞乡,丰乐乡,新城街道,总寨镇,果园乡,东南街街道,西峰乡,西洞镇,下河清乡,金佛寺镇,黄泥堡乡,东北街街道,酒泉经济技术开发区,玉门油田生活基地街道,三墩镇,泉湖乡,清水镇,工业园街道,铧尖乡,银达镇

酒泉市肃州区下辖区域坐标

{"西南街街道":[98.50358639669383,39.73362374174827],"西北街街道":[98.5007042678958,39.75170361527856],"国营下河清农场":[98.89948808373126,39.55869113781553],"上坝镇":[98.74139152337112,39.59033731810241],"东洞乡":[98.56046437786213,39.55694179180398],"丰乐乡":[98.89935275026039,39.39580486082797],"新城街道":[98.48561488515722,39.74339096737236],"总寨镇":[98.60751551762903,39.65908320397087],"果园乡":[98.4537382604826,39.79362137692974],"东南街街道":[98.53625078249631,39.72726376784371],"西峰乡":[98.44636155046614,39.71934330440739],"西洞镇":[98.43603777850393,39.59950621052747],"下河清乡":[98.99029317838836,39.54390923809795],"金佛寺镇":[98.75181905233103,39.44190226700177],"黄泥堡乡":[98.85034918257399,39.70148220266063],"东北街街道":[98.52315254926,39.7529032118311],"酒泉经济技术开发区":[],"玉门油田生活基地街道":[98.49423904962663,39.72523346196741],"三墩镇":[98.81322468175078,39.81206481981326],"泉湖乡":[98.60100908933634,39.73452584518002],"清水镇":[99.12123755567055,39.35786229728299],"工业园街道":[98.5009098493787,39.68706047813188],"铧尖乡":[98.7181033547185,39.69137112066488],"银达镇":[98.60916884592868,39.87665725201269]}

酒泉市肃州区行政划分代码

[{"name":"西南街街道","code":"620902006000"},{"name":"西北街街道","code":"620902005000"},{"name":"国营下河清农场","code":""},{"name":"上坝镇","code":"620902104000"},{"name":"东洞乡","code":""},{"name":"丰乐乡","code":""},{"name":"新城街道","code":"620902004000"},{"name":"总寨镇","code":"620902102000"},{"name":"果园乡","code":""},{"name":"东南街街道","code":"620902002000"},{"name":"西峰乡","code":""},{"name":"西洞镇","code":"620902100000"},{"name":"下河清乡","code":""},{"name":"金佛寺镇","code":"620902103000"},{"name":"黄泥堡乡","code":"620902207000"},{"name":"东北街街道","code":"620902001000"},{"name":"酒泉经济技术开发区","code":"620902403000"},{"name":"玉门油田生活基地街道","code":"620902007000"},{"name":"三墩镇","code":"620902105000"},{"name":"泉湖乡","code":""},{"name":"清水镇","code":"620902101000"},{"name":"工业园街道","code":"620902003000"},{"name":"铧尖乡","code":""},{"name":"银达镇","code":"620902106000"}]

说明

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

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

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

酒泉市肃州区echarts地图效果实例和threejs地图效果实例下载

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