数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理驻马店市上蔡县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
上蔡县,隶属 河南省 驻马店市 。地处河南省东南部,驻马店市东北部。东与周口市项城市接壤,南与汝南县、平舆县交界,西与西平县、遂平县相连,北与漯河市召陵区、周口市商水县毗邻,总面积1514.22平方千米。2019年,上蔡县总人口154.54万人。有36个民族。截至2021年10月,上蔡县下辖4个街道,13个镇、9个乡,县人民政府驻蔡都大道129号。
echarts驻马店市上蔡县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts驻马店市上蔡县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts驻马店市上蔡县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
threejs驻马店市上蔡县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs视频教程 Three.js前端3D可视化
threejs驻马店市上蔡县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs教程视频 WebGL/Three.js前端3D可视化教程
threejs驻马店市上蔡县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs视频课程 WebGL/Three.js前端高薪3D可视化
驻马店市上蔡县下辖有卧龙街道,重阳街道,无量寺乡,五龙乡,百尺乡,蔡沟乡,东洪镇,党店镇,和店乡,大路李乡,齐海乡,塔桥镇,蔡都街道,东岸乡,华陂镇,杨屯乡,崇礼乡,朱里镇,杨集镇,洙湖镇,西洪乡,邵店镇,韩寨乡,黄埠镇,小岳寺乡,芦岗街道
驻马店市上蔡县下辖区域坐标
{"卧龙街道":[114.24410990936774,33.28918861767707],"重阳街道":[114.24783122281393,33.24124582154404],"无量寺乡":[114.13622724998308,33.26678380791243],"五龙乡":[114.3750543171653,33.23367815297406],"百尺乡":[114.2021316315597,33.36304732181912],"蔡沟乡":[114.56792482948129,33.26780857223117],"东洪镇":[114.37510336968703,33.35297653609101],"党店镇":[114.54341026929505,33.20711001758295],"和店乡":[114.6357496308987,33.2151213956727],"大路李乡":[114.19208026220493,33.27273089283414],"齐海乡":[114.36224828978122,33.2823348250828],"塔桥镇":[114.44118960466265,33.28638135508623],"蔡都街道":[114.29423377170181,33.29618845741527],"东岸乡":[114.53035832674686,33.38490189644733],"华陂镇":[114.26382313777373,33.43909258452142],"杨屯乡":[114.38755673666972,33.18735525815706],"崇礼乡":[114.6222614785624,33.31627124478842],"朱里镇":[114.43737614088123,33.41056625764439],"杨集镇":[114.67951994414193,33.26544006724513],"洙湖镇":[114.46960494118112,33.20293055411969],"西洪乡":[114.28562077539308,33.36516406261093],"邵店镇":[114.27996546966367,33.1856204983794],"韩寨乡":[114.51997478233139,33.32916258814616],"黄埠镇":[114.19415144248254,33.18000184266961],"小岳寺乡":[114.35048508506398,33.42633592125979],"芦岗街道":[114.30106517569372,33.24780405843966]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。