可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理青岛市黄岛区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
黄岛区，隶属山东省青岛市。地处山东半岛西南隅，胶州湾畔。东临胶州湾，与青岛主城区隔海相望，南临黄海，北靠胶州市，西邻诸城市和日照市，总面积2128平方千米。2021年，黄岛区（青岛西海岸新区）常住人口196.42万人。截至2022年10月，黄岛区（青岛西海岸新区）下辖14个街道、8个镇。区政府驻长江中路369号。
echarts青岛市黄岛区geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts青岛市黄岛区geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts青岛市黄岛区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs青岛市黄岛区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣，可以观看threejs课程视频 3D可视化Three.js视频教程
threejs青岛市黄岛区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs青岛市黄岛区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
青岛市黄岛区 下辖有 隐珠街道,灵山卫街道,藏南镇,张家楼镇,泊里镇,海青镇,王台镇,琅琊镇,滨海街道,黄岛街道,灵珠山街道,长江路街道,珠山街道,珠海街道,辛安街道,红石崖街道,薛家岛街道,六汪镇,大场镇,大村镇,宝山镇,铁山街道
青岛市黄岛区下辖区域坐标
{"隐珠街道":[120.02708086992703,35.91309181284119],"灵山卫街道":[],"藏南镇":[119.7885638088303,35.76166677459184],"张家楼镇":[119.85849172919137,35.8017917860933],"泊里镇":[],"海青镇":[119.56916771077863,35.65884724587085],"王台镇":[120.00975900469865,36.05563554494381],"琅琊镇":[],"滨海街道":[119.97725070761024,35.78262878275224],"黄岛街道":[120.18058831644811,36.04603105120083],"灵珠山街道":[120.05842731511055,36.00657176117461],"长江路街道":[],"珠山街道":[119.93603592482302,35.90254323693806],"珠海街道":[119.94731777610548,35.85823864282939],"辛安街道":[120.13765756156536,36.00891470244142],"红石崖街道":[120.09737273848752,36.08460755612739],"薛家岛街道":[],"六汪镇":[119.7626533551113,35.95194628344694],"大场镇":[119.65347546302726,35.66707904572024],"大村镇":[119.70215498778629,35.81480639589577],"宝山镇":[119.86563468686666,36.00735999480139],"铁山街道":[119.90388492338681,35.94094207896485]}
青岛市黄岛区行政划分代码
[{"name":"隐珠街道","code":"370211010000"},{"name":"灵山卫街道","code":"370211007000"},{"name":"藏南镇","code":""},{"name":"张家楼镇","code":""},{"name":"泊里镇","code":"370211103000"},{"name":"海青镇","code":"370211107000"},{"name":"王台镇","code":""},{"name":"琅琊镇","code":"370211102000"},{"name":"滨海街道","code":"370211012000"},{"name":"黄岛街道","code":"370211001000"},{"name":"灵珠山街道","code":"370211004000"},{"name":"长江路街道","code":"370211005000"},{"name":"珠山街道","code":""},{"name":"珠海街道","code":"370211009000"},{"name":"辛安街道","code":"370211002000"},{"name":"红石崖街道","code":"370211006000"},{"name":"薛家岛街道","code":"370211003000"},{"name":"六汪镇","code":"370211106000"},{"name":"大场镇","code":"370211104000"},{"name":"大村镇","code":"370211105000"},{"name":"宝山镇","code":"370211108000"},{"name":"铁山街道","code":"370211011000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
