可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理枣庄市山亭区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
山亭区,简称“郳”,古称合乡县。隶属于山东省枣庄市,位于枣庄市东北部,北靠邹城市,东邻兰陵县、费县、平邑县,西邻滕州,南部与市中区和薛城区接壤。地理坐标为:北纬34°54′00″—35°19′20″,东经117°14′00″—117°44′20″之间。 截至2021年10月,山亭区辖1个街道、9个镇。另辖1个开发区:山亭经济开发区。区政府驻地山城街道。 截至2021年末,山亭区公安户籍人口53.24万人。
echarts枣庄市山亭区geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts枣庄市山亭区geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts枣庄市山亭区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs枣庄市山亭区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣,可以观看threejs课程视频 WebGL前端3D可视化教程
threejs枣庄市山亭区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs枣庄市山亭区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
枣庄市山亭区 下辖有 冯卯镇,凫城镇,城头镇,徐庄镇,桑村镇,水泉镇,北庄镇,店子镇,西集镇,山城街道
枣庄市山亭区下辖区域坐标
{"冯卯镇":[117.36161310827694,35.21329587243685],"凫城镇":[117.50974991508522,34.98591491962627],"城头镇":[117.31103345878485,35.13476654929657],"徐庄镇":[117.57154543615346,35.08971163151236],"桑村镇":[117.33958687750629,35.09853721293232],"水泉镇":[117.44852063347159,35.17041448057202],"北庄镇":[117.65375873941628,34.99415762818373],"店子镇":[117.3577136983997,35.27666271472454],"西集镇":[117.42450745999074,34.94669698940163],"山城街道":[117.44304672808016,35.07047792750218]}
枣庄市山亭区行政划分代码
[{"name":"冯卯镇","code":"370406108000"},{"name":"凫城镇","code":"370406109000"},{"name":"城头镇","code":"370406105000"},{"name":"徐庄镇","code":"370406106000"},{"name":"桑村镇","code":"370406103000"},{"name":"水泉镇","code":"370406107000"},{"name":"北庄镇","code":"370406104000"},{"name":"店子镇","code":"370406101000"},{"name":"西集镇","code":"370406102000"},{"name":"山城街道","code":"370406001000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示