数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是烟台市牟平区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
牟平区隶属于山东省烟台市,位于胶东半岛东部,因处牟山之阳平川地而得名,北濒黄海,南临乳山市,东接威海市,西临烟台市莱山区,西南与烟台市栖霞市、海阳市接壤。
echarts烟台市牟平区geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts烟台市牟平区geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts烟台市牟平区geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs烟台市牟平区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话,可以观看threejs视频课程 WebGL前端3D可视化教程
threejs烟台市牟平区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs烟台市牟平区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
烟台市牟平区 下辖有 昆嵛镇,水道镇,观水镇,高陵镇,龙泉镇,大窑街道,宁海街道,养马岛街道,文化街道,武宁街道,玉林店镇,王格庄镇,姜格庄街道
烟台市牟平区下辖区域坐标
{"昆嵛镇":[121.70382604613073,37.26103413714364],"水道镇":[121.53396476536108,37.17329377359674],"观水镇":[121.26225743127667,37.1735331045459],"高陵镇":[121.48042990211627,37.27678645476097],"龙泉镇":[121.77936487223889,37.350608217737],"大窑街道":[121.67190283173889,37.40023918680859],"宁海街道":[121.60855872039029,37.41887236864632],"养马岛街道":[121.6173165743179,37.46562890034523],"文化街道":[121.60030863928992,37.34953687078473],"武宁街道":[121.5333305260327,37.37818542796186],"玉林店镇":[121.66134893627296,37.22762966387937],"王格庄镇":[121.37719071673247,37.16614929118676],"姜格庄街道":[121.81777983779833,37.41951996612406]}
烟台市牟平区行政划分代码
[{"name":"昆嵛镇","code":"370612111000"},{"name":"水道镇","code":"370612107000"},{"name":"观水镇","code":"370612101000"},{"name":"高陵镇","code":"370612109000"},{"name":"龙泉镇","code":"370612105000"},{"name":"大窑街道","code":"370612005000"},{"name":"宁海街道","code":"370612001000"},{"name":"养马岛街道","code":""},{"name":"文化街道","code":"370612002000"},{"name":"武宁街道","code":"370612004000"},{"name":"玉林店镇","code":"370612106000"},{"name":"王格庄镇","code":"370612110000"},{"name":"姜格庄街道","code":"370612006000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示