大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理东营市广饶县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
广饶县,隶属山东省东营市,位于山东省中部偏北,东营市南部。地理坐标为东经118°17′~118°57′、北纬36°56′~37°21′之间。行政区划代码370523。北连东营区,南靠淄博市临淄区,东与潍坊市寿光市接壤,东南与青州市相接,西面和博兴县毗邻,东北部濒临渤海莱州湾。总面积1166平方公里,辖9个乡镇(街道),2个省级经济开发区,553个村(居)。根据第七次人口普查数据,截至2020年11月1日零时,广饶县常住人口为521742人。
echarts东营市广饶县geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts东营市广饶县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts东营市广饶县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
threejs东营市广饶县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs视频 Three.js前端3D可视化教程
threejs东营市广饶县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs东营市广饶县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
东营市广饶县 下辖有 丁庄镇,大王镇,李鹊镇,花官镇,稻庄镇,陈官乡,广饶滨海新区,乐安街道,大码头镇,广饶街道,东营农业高新技术产业示范区
东营市广饶县下辖区域坐标
{"丁庄镇":[],"大王镇":[118.48876858274072,36.98372266023401],"李鹊镇":[118.34419978979811,36.9915098179535],"花官镇":[118.42753728688331,37.19655947713774],"稻庄镇":[118.51747347753368,37.0932593223051],"陈官乡":[118.46465340169298,37.25205937531079],"广饶滨海新区":[118.87528649971092,37.30793100066872],"乐安街道":[118.38740321465451,37.08915424196748],"大码头镇":[118.60538446061535,37.14486670245128],"广饶街道":[118.43541984152542,37.06467626099077],"东营农业高新技术产业示范区":[]}
东营市广饶县行政划分代码
[{"name":"丁庄镇","code":""},{"name":"大王镇","code":"370523101000"},{"name":"李鹊镇","code":"370523106000"},{"name":"花官镇","code":"370523108000"},{"name":"稻庄镇","code":"370523102000"},{"name":"陈官乡","code":""},{"name":"广饶滨海新区","code":""},{"name":"乐安街道","code":"370523002000"},{"name":"大码头镇","code":"370523107000"},{"name":"广饶街道","code":"370523001000"},{"name":"东营农业高新技术产业示范区","code":"370523400000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示