数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理鄂尔多斯市鄂托克前旗echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
鄂托克前旗,清时属鄂尔多斯右翼中旗(鄂托克旗)。1980年8月析鄂托克旗南部地置鄂托克前旗,鄂托克前旗位于 内蒙古自治区 鄂尔多斯市 西南部,北靠鄂托克旗,南隔长城与陕西省搭界,西隔黄河与宁夏回族自治区相望,东与乌审旗为邻。地处蒙陕宁三省区交界。境内主要由毛乌素沙地和鄂尔多斯梁地两大地貌构成,土地总面积1.218万平方千米 [30] 。全旗辖4个镇,68个嘎查村,是一个以蒙古族为主体,汉族占多数的少数民族地区。根据第七次人口普查数据,截至2020年11月1日零时,鄂托克前旗常住人口为92724人。
echarts鄂尔多斯市鄂托克前旗geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts鄂尔多斯市鄂托克前旗geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts鄂尔多斯市鄂托克前旗geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
threejs鄂尔多斯市鄂托克前旗geoJson地图3d地图
通过threejs绘制的3d地图实例
threejs鄂尔多斯市鄂托克前旗geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs鄂尔多斯市鄂托克前旗geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
鄂尔多斯市鄂托克前旗 下辖有 上海庙镇,城川镇,昂素镇,敖勒召其镇
鄂尔多斯市鄂托克前旗下辖区域坐标
{"上海庙镇":[106.94536161332064,38.47829271829887],"城川镇":[107.9736145616423,37.87457987600654],"昂素镇":[107.885014816671,38.3812506090983],"敖勒召其镇":[107.55626343075161,38.17652562681326]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。