echarts晋城市阳城县geoJson地图 tooltip轮播效果实例

geoJson2 yekong

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

阳城县,隶属于 山西省 晋城市,位于山西省东南端,地处太岳山脉东支,中条山东北,太行山以西,沁河中游的西岸。东与晋城市郊区为界,北与沁水县为邻,西南与垣曲县接壤,南与河南省济源市相连。介于东经112°一112°37',北纬35°12'—35°40'之间,县境南北长约54千米,东西宽约53千米,总面积1968平方千米。截至2022年末,阳城县常住人口34.5973万人。

echarts晋城市阳城县geoJson地图 tooltip轮播

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

echarts晋城市阳城县geoJson地图 tooltip轮播

echarts晋城市阳城县geoJson地图局部颜色渐变

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

echarts晋城市阳城县geoJson地图局部颜色渐变

echarts晋城市阳城县geoJson地图圆形波纹状气泡图

echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.

echarts晋城市阳城县geoJson地图圆形波纹状气泡图

threejs晋城市阳城县geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果对threejs感兴趣,可以观看threejs视频教程 Three.js视频教程3D可视化

threejs晋城市阳城县geoJson地图3d地图添加金色效果

threejs晋城市阳城县geoJson地图3d地图红色描边闪烁警报

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

threejs晋城市阳城县geoJson地图3d地图红色描边闪烁警报

threejs晋城市阳城县geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁

threejs晋城市阳城县geoJson地图3d地图指定区域闪烁

晋城市阳城县 下辖有 西河乡,演礼乡,林场管理处,凤城镇,东冶镇,北留镇,固隆乡,町店镇,寺头乡,横河镇,次营镇,河北镇,东城街道,润城镇,白桑乡,芹池镇,董封乡,蟒河镇,驾岭乡,西河乡,演礼乡,林场管理处,凤城镇,东冶镇,北留镇,固隆乡,町店镇,寺头乡,横河镇,次营镇,河北镇,东城街道,润城镇,白桑乡,芹池镇,董封乡,蟒河镇,驾岭乡

晋城市阳城县下辖区域坐标

{"西河乡":[112.36096386037806,35.54125866529552],"演礼乡":[112.33656992568291,35.5121923621722],"林场管理处":[112.09921171266964,35.45186847069996],"凤城镇":[],"东冶镇":[112.53034565298438,35.32022288517329],"北留镇":[112.57296261507628,35.46828656336361],"固隆乡":[112.26682635642388,35.53548146286549],"町店镇":[112.43283118127059,35.57371696975355],"寺头乡":[112.3772874476879,35.63238108721976],"横河镇":[112.14015652525735,35.3532895532215],"次营镇":[112.26222290510877,35.49426193979708],"河北镇":[112.3019141113945,35.34291081084231],"东城街道":[112.47209771861998,35.50557982047086],"润城镇":[],"白桑乡":[112.47292037137328,35.42910248335531],"芹池镇":[112.28049068906813,35.62270292063853],"董封乡":[112.14492283496642,35.42323061380315],"蟒河镇":[112.40437268796452,35.32024096488722],"驾岭乡":[112.26588754282284,35.41273034564458]}

晋城市阳城县行政划分代码

[{"name":"西河乡","code":"140522202000"},{"name":"演礼乡","code":""},{"name":"林场管理处","code":""},{"name":"凤城镇","code":"140522100000"},{"name":"东冶镇","code":"140522109000"},{"name":"北留镇","code":"140522101000"},{"name":"固隆乡","code":""},{"name":"町店镇","code":"140522103000"},{"name":"寺头乡","code":"140522201000"},{"name":"横河镇","code":"140522106000"},{"name":"次营镇","code":"140522105000"},{"name":"河北镇","code":"140522107000"},{"name":"东城街道","code":""},{"name":"润城镇","code":"140522102000"},{"name":"白桑乡","code":""},{"name":"芹池镇","code":"140522104000"},{"name":"董封乡","code":"140522205000"},{"name":"蟒河镇","code":"140522108000"},{"name":"驾岭乡","code":""}]

说明

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

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

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

晋城市阳城县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts晋城市阳城县geoJson地图 tooltip轮播效果实例