可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理晋城市沁水县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
沁水县，隶属于 山西省 晋城市，位于山西省东南部，中条山东北，沁河中游。太行、太岳、中条三大山系衔接处。县境四周环山、东至老马岭、岳神山与高平市、泽州县为邻；西至东坞岭与翼城县搭界；南至仙翁山、舜王坪与阳城、垣曲县接壤；北至香山岭、关帝岭、宇峻山与浮山、安泽、长子县毗邻。介于为北纬35°24′—36°04′，东经112°47′—115°55′之间，总面积2676.6平方千米。截至2022年10月，沁水县下辖7个镇、5个乡。截至2022年末，沁水县常住总人口为19.3881万人。
echarts晋城市沁水县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts晋城市沁水县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts晋城市沁水县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs晋城市沁水县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js前端3D可视化教程
threejs晋城市沁水县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs晋城市沁水县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
晋城市沁水县 下辖有 郑村镇,龙港镇,胡底乡,端氏镇,十里乡,固县乡,中村镇,嘉峰镇,土沃乡,郑庄镇,苏庄乡,柿庄镇,张村乡,樊村河乡,郑村镇,龙港镇,胡底乡,端氏镇,十里乡,固县乡,中村镇,嘉峰镇,土沃乡,郑庄镇,苏庄乡,柿庄镇,张村乡,樊村河乡
晋城市沁水县下辖区域坐标
{"郑村镇":[112.59980274995803,35.60814335367709],"龙港镇":[112.1576436514736,35.68156322832477],"胡底乡":[112.63723621305559,35.71859650422241],"端氏镇":[112.52726274878702,35.76276878305309],"十里乡":[112.55867385537394,35.97453969219608],"固县乡":[112.61420359068367,35.82863877426815],"中村镇":[112.01251914706235,35.52955838789954],"嘉峰镇":[112.51864476550922,35.60567663094646],"土沃乡":[112.10062259299204,35.55151318079888],"郑庄镇":[112.29822123301557,35.78989603145966],"苏庄乡":[],"柿庄镇":[112.69139312636298,35.90037433029572],"张村乡":[112.16923667888294,35.58247169981679],"樊村河乡":[112.12869597543646,35.80343210308087]}
晋城市沁水县行政划分代码
[{"name":"郑村镇","code":"140521105000"},{"name":"龙港镇","code":"140521100000"},{"name":"胡底乡","code":"140521204000"},{"name":"端氏镇","code":"140521103000"},{"name":"十里乡","code":"140521206000"},{"name":"固县乡","code":"140521205000"},{"name":"中村镇","code":"140521101000"},{"name":"嘉峰镇","code":"140521104000"},{"name":"土沃乡","code":"140521201000"},{"name":"郑庄镇","code":"140521102000"},{"name":"苏庄乡","code":""},{"name":"柿庄镇","code":"140521106000"},{"name":"张村乡","code":"140521202000"},{"name":"樊村河乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
