数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理信阳市平桥区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
平桥区，隶属河南省信阳市，位于信阳市东北部，地处北纬31°43'～32°37'，东经113°42'～114°25'之间，属亚热带向北温带过渡区域。全区总面积1889平方公里，平桥区下辖23个乡镇、办事处、管理区，203个行政村区人民政府驻平桥街道。
根据第七次人口普查数据，截至2020年11月1日零时，平桥区常住人口86万人。
echarts信阳市平桥区geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts信阳市平桥区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts信阳市平桥区geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs信阳市平桥区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮，如果对threejs感兴趣，可以观看threejs视频教程 Three.js前端3D可视化教程
threejs信阳市平桥区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣，可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程
threejs信阳市平桥区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例，如果对threejs感兴趣，可以观看threejs视频 WebGL 3D可视化教程
信阳市平桥区下辖有城东街道,平东街道,平桥街道,平西街道,龙飞山街道,信阳国际家居产业小镇,农村改革发展综合试验核心区,南京路街道,羊山街道,城阳城址保护区,五里镇,平昌镇,查山乡,洋河镇,王岗乡,龙井乡,肖王乡,胡店乡,邢集镇,长台乡,前进街道,天梯街道,彭家湾乡,甘岸街道,高粱店乡,五里店街道,震雷山街道,北湖风景管理区,明港工业管理区,明港镇,肖店乡
信阳市平桥区下辖区域坐标
{"城东街道":[114.1990392064446,32.15182962607248],"平东街道":[114.17579309703811,32.11494435608543],"平桥街道":[114.13632588934729,32.10602885414282],"平西街道":[114.11304808717304,32.10255765291257],"龙飞山街道":[114.13613732424298,32.17017588183941],"信阳国际家居产业小镇":[114.11380080165861,32.224002010258],"农村改革发展综合试验核心区":[114.15749876682216,32.22437386321045],"南京路街道":[114.09982519354953,32.12582274757123],"羊山街道":[114.0780293664186,32.13026534530003],"城阳城址保护区":[114.04894814544701,32.35157235027979],"五里镇":[114.29278675254218,32.24535411091269],"平昌镇":[113.90610815336571,32.36461929259218],"查山乡":[113.93308240456354,32.41633248514249],"洋河镇":[114.20773605111434,32.24137849406907],"王岗乡":[113.78295112973399,32.4852453475561],"龙井乡":[114.2215192073131,32.35902571291523],"肖王乡":[114.30066275283795,32.32299589274055],"胡店乡":[114.13402769809501,32.36556390786767],"邢集镇":[113.83743048610967,32.5321281006225],"长台乡":[114.01563313304007,32.3384959723808],"前进街道":[114.09755431236019,32.11851661905617],"天梯街道":[114.2546911303658,32.08270634101879],"彭家湾乡":[114.10945649816797,32.26485553024762],"甘岸街道":[113.98938467403904,32.27983364397191],"高粱店乡":[113.78780662493071,32.37430361230405],"五里店街道":[114.21581673923492,32.07071455422083],"震雷山街道":[114.15355772493908,32.06383518479272],"北湖风景管理区":[114.09359823299656,32.19251990508821],"明港工业管理区":[113.92810011172111,32.5261097563796],"明港镇":[114.04514021743822,32.45733080595837],"肖店乡":[114.21564830326113,32.44066575429238]}
