可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理信阳市浉河区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
浉河区,隶属河南省 信阳市,位于河南省南部,地处淮河上游、大别山北麓,信阳市西部,处于东经113°42′36″—114°08′34″,北纬31°24′06″—32°33′00″之间。全区总面积1783平方公里。属于亚热带向暖温带过渡的大陆性季风气候。截至2020年6月,浉河区下辖10个街道、9个乡镇,区政府驻湖东街道。截至2018年末,浉河区总人口66.89万人。根据第七次人口普查数据,截至2020年11月1日零时,浉河区常住人口64.01万人。
echarts信阳市浉河区geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts信阳市浉河区geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts信阳市浉河区geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
threejs信阳市浉河区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs课程视频 Three.js视频教程3D可视化
threejs信阳市浉河区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放,如果想系统的学习threejs的话,可以观看threejs教程视频 WebGL/Three.js前端3D可视化教程
threejs信阳市浉河区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs课程视频 Three.js 3D可视化
信阳市浉河区下辖有车站街道,老城街道,湖东街道,五里墩街道,柳林乡,谭家河乡,游河乡,东双河镇,五星街道,南湾街道,双井街道,李家寨镇,民权街道,浉河港镇,董家河镇,十三里桥乡,金牛山街道,吴家店镇
信阳市浉河区下辖区域坐标
{"车站街道":[114.08703759789785,32.11556006397464],"老城街道":[114.06897916704344,32.11726110682977],"湖东街道":[114.05162650229478,32.10703506298404],"五里墩街道":[114.05891508673554,32.13779212946103],"柳林乡":[114.09411622273208,31.91919626409666],"谭家河乡":[113.92322835885085,31.91444240904463],"游河乡":[113.92889483829701,32.22660789398633],"东双河镇":[114.12218087569467,32.00929194448735],"五星街道":[114.06424157457096,32.13867834349706],"南湾街道":[113.9604309185123,32.09446689746909],"双井街道":[114.04813464341947,32.24529259031655],"李家寨镇":[114.07465245737623,31.83849056511029],"民权街道":[114.07659389316137,32.12131813835951],"浉河港镇":[113.85921197313672,32.02127715984809],"董家河镇":[113.83813764523889,32.13374486854114],"十三里桥乡":[114.01685756268564,32.03239667173096],"金牛山街道":[114.03983979872149,32.17149837365157],"吴家店镇":[113.82157900881761,32.27950664896694]}