echarts榆林市榆阳区geoJson地图区域闪烁效果

geoJson2 yekong

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

榆阳区,隶属于陕西省榆林市,是榆林市政治、经济、文化的中心。位于陕西省北部、榆林市中部,与内蒙古自治区的乌审旗以及榆林辖内的横山、米脂、佳县、神木相毗邻,总面积7053平方千米,居全省第二。境内以明长城为界,沿北为风沙草滩区,约占总面积的75%;沿南属丘陵沟壑区,约占25%。榆阳区辖19个乡镇、12个街道。根据第七次人口普查数据,截至2020年11月1日零时,榆阳区常住人口为967639人。

echarts榆林市榆阳区geoJson地图区域闪烁

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

echarts榆林市榆阳区geoJson地图区域闪烁

echarts榆林市榆阳区geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts榆林市榆阳区geoJson地图点击地图插小旗

echarts榆林市榆阳区geoJson地图全局颜色渐变

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

echarts榆林市榆阳区geoJson地图全局颜色渐变

threejs榆林市榆阳区geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js视频教程3D可视化

threejs榆林市榆阳区geoJson地图3d地图指定区域闪烁

threejs榆林市榆阳区geoJson地图3d地图

通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例

threejs榆林市榆阳区geoJson地图3d地图

threejs榆林市榆阳区geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs榆林市榆阳区geoJson地图3d地图添加旋转棱锥

榆林市榆阳区 下辖有 古塔镇,鱼河峁镇,麻黄梁镇,鼓楼街道,新明楼街道,榆阳镇,清泉镇,芹河乡,镇川镇,青云镇,马合镇,鱼河镇,上盐湾镇,大河塔镇,孟家湾乡,小壕兔乡,小纪汗乡,岔河则乡,上郡路街道,崇文路街道,航宇路街道,青山路街道,驼峰路街道,巴拉素镇,牛家梁镇,红石桥乡,补浪河乡,金鸡滩镇

榆林市榆阳区下辖区域坐标

{"古塔镇":[109.92766504603763,38.16484291097287],"鱼河峁镇":[109.96358706371606,38.05124430086276],"麻黄梁镇":[109.98897692589773,38.4515092004973],"鼓楼街道":[109.73477258815007,38.31259410886562],"新明楼街道":[109.75171713722162,38.28644684187324],"榆阳镇":[109.74287580567719,38.24256237683599],"清泉镇":[110.08356891546882,38.06647266845921],"芹河乡":[109.55029504629206,38.25499252215397],"镇川镇":[110.09167731219051,37.86616620103195],"青云镇":[109.92921632065301,38.28549872677838],"马合镇":[109.35247222207789,38.54370309431643],"鱼河镇":[109.8427270367209,38.04161796748136],"上盐湾镇":[110.02431526064099,37.95391263125637],"大河塔镇":[110.16831568741188,38.46265245425271],"孟家湾乡":[109.6881987228529,38.60842338996951],"小壕兔乡":[109.63221147618106,38.79325681720016],"小纪汗乡":[109.4151660620789,38.42555810325402],"岔河则乡":[109.47805323716196,38.59400076915545],"上郡路街道":[109.76753443732488,38.24994080171393],"崇文路街道":[109.7138498168037,38.30412443819668],"航宇路街道":[109.74253278382051,38.22064583738153],"青山路街道":[109.7195400611336,38.27697730968164],"驼峰路街道":[109.76615466773646,38.31233050696907],"巴拉素镇":[109.29909080283457,38.28382994961513],"牛家梁镇":[109.76360326015273,38.41018034034935],"红石桥乡":[109.18170370569045,38.15779062550703],"补浪河乡":[109.09460820512547,38.32915741256409],"金鸡滩镇":[109.80936063534693,38.51089696186693]}

榆林市榆阳区行政划分代码

[{"name":"古塔镇","code":"610802113000"},{"name":"鱼河峁镇","code":"610802111000"},{"name":"麻黄梁镇","code":"610802105000"},{"name":"鼓楼街道","code":"610802001000"},{"name":"新明楼街道","code":"610802004000"},{"name":"榆阳镇","code":""},{"name":"清泉镇","code":""},{"name":"芹河乡","code":""},{"name":"镇川镇","code":"610802102000"},{"name":"青云镇","code":"610802112000"},{"name":"马合镇","code":"610802108000"},{"name":"鱼河镇","code":"610802100000"},{"name":"上盐湾镇","code":"610802101000"},{"name":"大河塔镇","code":"610802114000"},{"name":"孟家湾乡","code":"610802205000"},{"name":"小壕兔乡","code":"610802206000"},{"name":"小纪汗乡","code":""},{"name":"岔河则乡","code":"610802207000"},{"name":"上郡路街道","code":"610802003000"},{"name":"崇文路街道","code":"610802006000"},{"name":"航宇路街道","code":"610802007000"},{"name":"青山路街道","code":"610802002000"},{"name":"驼峰路街道","code":"610802005000"},{"name":"巴拉素镇","code":"610802109000"},{"name":"牛家梁镇","code":"610802106000"},{"name":"红石桥乡","code":"610802209000"},{"name":"补浪河乡","code":"610802208000"},{"name":"金鸡滩镇","code":"610802107000"}]

说明

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

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

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

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

榆林市榆阳区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts榆林市榆阳区geoJson地图区域闪烁效果