数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理运城市万荣县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
万荣县，隶属 山西省 运城市，地处山西省西南、运城市西北部，东与闻喜县、盐湖区毗连，西隔黄河与陕西省韩城市相望，南同临猗县接壤，北与稷山县、河津市为邻。县域面积1081.5平方千米，下辖6个镇、8个乡，共207个行政村。2022年末，万荣县常住人口为35.41万人。
echarts运城市万荣县geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts运城市万荣县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts运城市万荣县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs运城市万荣县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣，可以观看threejs课程视频 Three.js视频教程3D可视化
threejs运城市万荣县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs运城市万荣县geoJson地图3d地图
通过threejs绘制的3d地图实例
运城市万荣县 下辖有 裴庄乡,光华乡,南张乡,汉薛镇,皇甫乡,荣河镇,万泉乡,王显乡,西村乡,通化镇,里望乡,高村乡,解店镇,贾村乡,裴庄乡,光华乡,南张乡,汉薛镇,皇甫乡,荣河镇,万泉乡,王显乡,西村乡,通化镇,里望乡,高村乡,解店镇,贾村乡
运城市万荣县下辖区域坐标
{"裴庄乡":[110.59966460301219,35.47052976729653],"光华乡":[110.59240176281904,35.39974588396643],"南张乡":[110.71448709634416,35.42875699788566],"汉薛镇":[110.92803192315102,35.32877154725583],"皇甫乡":[110.8422809168224,35.31523141518628],"荣河镇":[110.50921469590489,35.35742860453239],"万泉乡":[110.79693597427779,35.34776755896871],"王显乡":[110.59679476438089,35.28062646950004],"西村乡":[110.93063489921241,35.42755431788603],"通化镇":[110.71522122012145,35.46702158728628],"里望乡":[110.79855590730614,35.49086438906058],"高村乡":[110.72214567948473,35.34547746065225],"解店镇":[110.87156351464962,35.42270646243709],"贾村乡":[110.64001842770092,35.33386401349322]}
运城市万荣县行政划分代码
[{"name":"裴庄乡","code":""},{"name":"光华乡","code":"140822208000"},{"name":"南张乡","code":"140822203000"},{"name":"汉薛镇","code":"140822102000"},{"name":"皇甫乡","code":"140822205000"},{"name":"荣河镇","code":"140822103000"},{"name":"万泉乡","code":"140822200000"},{"name":"王显乡","code":"140822207000"},{"name":"西村乡","code":"140822202000"},{"name":"通化镇","code":"140822101000"},{"name":"里望乡","code":"140822201000"},{"name":"高村乡","code":""},{"name":"解店镇","code":"140822100000"},{"name":"贾村乡","code":"140822206000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
