echarts宿州市埇桥区geoJson地图自定义引导线实例

geoJson2 yekong 71℃

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

echarts宿州市埇桥区geoJson地图自定义引导线

echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.

echarts宿州市埇桥区geoJson地图自定义引导线

echarts宿州市埇桥区geoJson地图局部颜色渐变

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

echarts宿州市埇桥区geoJson地图局部颜色渐变

echarts宿州市埇桥区geoJson地图地图下钻展示

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

echarts宿州市埇桥区geoJson地图地图下钻展示

threejs宿州市埇桥区geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话,可以观看threejs视频 Three.js视频教程3D可视化

threejs宿州市埇桥区geoJson地图3d地图添加旋转棱锥

threejs宿州市埇桥区geoJson地图3d地图添加金色效果

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

threejs宿州市埇桥区geoJson地图3d地图添加金色效果

threejs宿州市埇桥区geoJson地图3d地图CSS2D外加旋转棱锥

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

threejs宿州市埇桥区geoJson地图3d地图CSS2D外加旋转棱锥

宿州市埇桥区 下辖有 解集乡,朱仙庄镇,汴河街道,沱河街道,灰古镇,永镇乡,顺河乡,三八街道,东关街道,北关街道,南关街道,埇桥街道,三里湾街道,道东街道,城东街道,金海街道,西二铺乡,西关街道,宿州马鞍山现代产业园区,宿州高新技术产业开发区,宿州经济技术开发区鞋城管理委员会,宿州经济技术开发区北杨寨行政管理区,夹沟镇,支河乡,曹村镇,栏杆镇,桃沟乡,永安镇,大营镇,时村镇,芦岭镇,苗安乡,蒿沟乡,杨庄乡,桃园镇,褚兰镇,大店镇,符离镇,蕲县镇,大泽乡镇,夹沟农场,宿州埇桥经济开发区

宿州市埇桥区下辖区域坐标

{"解集乡":[117.34772961987048,33.90568443006302],"朱仙庄镇":[117.11816279250844,33.62488808788679],"汴河街道":[116.98405528248759,33.70170491250047],"沱河街道":[117.01215641366778,33.62925497632464],"灰古镇":[117.11342768382545,33.71926143256136],"永镇乡":[117.04768189862413,33.3349011593798],"顺河乡":[117.0637683623413,33.77205820962487],"三八街道":[116.93711880804938,33.64240950142609],"东关街道":[116.98763846762,33.64904494895882],"北关街道":[116.96716951846295,33.6567992416233],"南关街道":[116.97096591986566,33.62579271954812],"埇桥街道":[116.97511731468984,33.64091895803007],"三里湾街道":[116.98611021488145,33.62376439449478],"道东街道":[116.99841964470961,33.63503446098007],"城东街道":[117.03082191242834,33.63644732012949],"金海街道":[117.05633160104074,33.57437202107109],"西二铺乡":[116.8857627455607,33.63006134750442],"西关街道":[116.95962683313718,33.64021528801393],"宿州马鞍山现代产业园区":[117.22227328364275,33.6615755399719],"宿州高新技术产业开发区":[116.99197960929584,33.69683073105686],"宿州经济技术开发区鞋城管理委员会":[116.94363936302693,33.58289617474478],"宿州经济技术开发区北杨寨行政管理区":[116.9764919848279,33.56012668044703],"夹沟镇":[117.05508315699495,33.90268125062494],"支河乡":[117.17942917624774,33.90896941958378],"曹村镇":[117.12454779702674,34.01370758930537],"栏杆镇":[117.26166854518894,33.90945073421972],"桃沟乡":[117.24267810467069,33.7620900872598],"永安镇":[117.19022161458705,33.79534346613463],"大营镇":[116.96994675274392,33.34686623623583],"时村镇":[117.34457390816846,33.79677863358361],"芦岭镇":[117.17324100203297,33.51096830542048],"苗安乡":[117.33189971818183,33.69008934365738],"蒿沟乡":[117.2089358588031,33.7120239764705],"杨庄乡":[117.24799506288034,34.0315872520723],"桃园镇":[116.97318985792471,33.5017869355766],"褚兰镇":[117.32457282076697,34.02820528095078],"大店镇":[117.27324848581245,33.58011777235711],"符离镇":[116.98142518199319,33.80852471311226],"蕲县镇":[116.99167192932285,33.43337871317253],"大泽乡镇":[117.10082645322848,33.4718377607652],"夹沟农场":[117.12382518349696,33.88324842355966],"宿州埇桥经济开发区":[117.17104390596413,34.06549631003553]}

宿州市埇桥区行政划分代码

[{"name":"解集乡","code":"341302202000"},{"name":"朱仙庄镇","code":"341302102000"},{"name":"汴河街道","code":"341302009000"},{"name":"沱河街道","code":"341302002000"},{"name":"灰古镇","code":"341302109000"},{"name":"永镇乡","code":"341302207000"},{"name":"顺河乡","code":""},{"name":"三八街道","code":"341302010000"},{"name":"东关街道","code":"341302004000"},{"name":"北关街道","code":"341302008000"},{"name":"南关街道","code":"341302006000"},{"name":"埇桥街道","code":"341302001000"},{"name":"三里湾街道","code":"341302005000"},{"name":"道东街道","code":"341302003000"},{"name":"城东街道","code":"341302011000"},{"name":"金海街道","code":""},{"name":"西二铺乡","code":"341302208000"},{"name":"西关街道","code":"341302007000"},{"name":"宿州马鞍山现代产业园区","code":""},{"name":"宿州高新技术产业开发区","code":"341302402000"},{"name":"宿州经济技术开发区鞋城管理委员会","code":""},{"name":"宿州经济技术开发区北杨寨行政管理区","code":""},{"name":"夹沟镇","code":"341302105000"},{"name":"支河乡","code":"341302201000"},{"name":"曹村镇","code":"341302104000"},{"name":"栏杆镇","code":"341302106000"},{"name":"桃沟乡","code":"341302203000"},{"name":"永安镇","code":"341302108000"},{"name":"大营镇","code":"341302114000"},{"name":"时村镇","code":"341302107000"},{"name":"芦岭镇","code":"341302101000"},{"name":"苗安乡","code":"341302210000"},{"name":"蒿沟乡","code":""},{"name":"杨庄乡","code":"341302200000"},{"name":"桃园镇","code":"341302112000"},{"name":"褚兰镇","code":"341302103000"},{"name":"大店镇","code":"341302110000"},{"name":"符离镇","code":"341302100000"},{"name":"蕲县镇","code":"341302113000"},{"name":"大泽乡镇","code":"341302111000"},{"name":"夹沟农场","code":""},{"name":"宿州埇桥经济开发区","code":"341302403000"}]

说明

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

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

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

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

宿州市埇桥区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts宿州市埇桥区geoJson地图自定义引导线实例