大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理东营市垦利区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
垦利区为山东省东营市市辖区,因境域曾被称作垦区和利津洼而得名。位于黄河入海口,地处胜利油田腹地。区域位置为北纬37°24′-38°10′,东经118°15′-119°19'。区域呈西南、东北走向,南北纵距55.5千米,东西横距96.2千米。总面积2204.07平方千米。根据第七次全国人口普查数据,截至2020年11月1日零时,垦利区常住人口为257104人。
echarts东营市垦利区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts东营市垦利区geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts东营市垦利区geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs东营市垦利区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话,可以观看threejs视频课程 Three.js 3D可视化
threejs东营市垦利区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs东营市垦利区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
东营市垦利区 下辖有 兴隆街道,红光类似乡级单位,开发区类似乡级单位,社管会类似乡级单位,东营市现代畜牧业示范区类似乡级单位,永安镇,胜坨镇,董集镇,郝家镇,垦利街道,黄河口镇,垦东类似乡级单位
东营市垦利区下辖区域坐标
{"兴隆街道":[118.64227173646321,37.54348013450817],"红光类似乡级单位":[],"开发区类似乡级单位":[118.59001775453663,37.57711247960854],"社管会类似乡级单位":[118.55836594758992,37.56970284622314],"东营市现代畜牧业示范区类似乡级单位":[118.90608846011251,37.67831489395772],"永安镇":[118.78712140098065,37.56409485761846],"胜坨镇":[118.39802555267322,37.5492518927452],"董集镇":[118.34497247575786,37.4716282771864],"郝家镇":[118.36719235897515,37.45087965209032],"垦利街道":[118.61411875554649,37.61785066699011],"黄河口镇":[118.97035751217447,37.70914077632901],"垦东类似乡级单位":[118.94883290935847,37.84376336800856]}
东营市垦利区行政划分代码
[{"name":"兴隆街道","code":"370505002000"},{"name":"红光类似乡级单位","code":"370505402000"},{"name":"开发区类似乡级单位","code":"370505400000"},{"name":"社管会类似乡级单位","code":""},{"name":"东营市现代畜牧业示范区类似乡级单位","code":"370505404000"},{"name":"永安镇","code":"370505104000"},{"name":"胜坨镇","code":"370505101000"},{"name":"董集镇","code":"370505106000"},{"name":"郝家镇","code":"370505102000"},{"name":"垦利街道","code":"370505001000"},{"name":"黄河口镇","code":"370505105000"},{"name":"垦东类似乡级单位","code":"370505403000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示