echarts乌兰察布市四子王旗geoJson地图指定区域高亮演示实例

echarts yekong

随着开发 数据大屏可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理乌兰察布市四子王旗echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

四子王旗,隶属 内蒙古自治区 乌兰察布市 ,位于内蒙古自治区中部,介于北纬41°10′~43°22′,东经110°20′~113°之间。东与乌兰察布市察哈尔右翼中旗、察哈尔右翼后旗及锡林郭勒盟苏尼特右旗毗邻,南与乌兰察布市卓资县、呼和浩特市武川县交界,西与包头市达尔罕茂明安联合旗相连,北与蒙古国接壤,国境线全长104公里。根据第七次人口普查数据,截至2020年11月1日零时,四子王旗常住人口为129372人。

echarts乌兰察布市四子王旗geoJson地图指定区域高亮

echarts让指定区域变为选中高亮状态

echarts乌兰察布市四子王旗geoJson地图指定区域高亮

echarts乌兰察布市四子王旗geoJson地图自定义引导线

echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.

echarts乌兰察布市四子王旗geoJson地图自定义引导线

echarts乌兰察布市四子王旗geoJson地图 visualMap控制地图颜色

echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化

echarts乌兰察布市四子王旗geoJson地图 visualMap控制地图颜色

threejs乌兰察布市四子王旗geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs视频课程 Three.js前端3D可视化教程

threejs乌兰察布市四子王旗geoJson地图3d地图自定义贴图加CSS2D标签

threejs乌兰察布市四子王旗geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs乌兰察布市四子王旗geoJson地图3d地图添加旋转棱锥

乌兰察布市四子王旗 下辖有 四子王旗吉生太镇,四子王旗东八号乡,四子王旗大黑河乡,四子王旗库伦图镇,四子王旗白音朝克图镇,四子王旗红格尔苏木乡,四子王旗脑木更苏木乡,四子王旗巴音敖包苏木乡,四子王旗乌兰牧场,四子王旗江岸苏木乡,四子王旗查干补力格苏木乡,四子王旗乌兰花镇,四子王旗供济堂镇,四子王旗忽鸡图乡

乌兰察布市四子王旗下辖区域坐标

{"四子王旗吉生太镇":[111.45712139580925,41.72159304220432],"四子王旗东八号乡":[111.74395470745438,41.32439839516471],"四子王旗大黑河乡":[111.49058955640535,41.45573733887507],"四子王旗库伦图镇":[112.03030735310455,41.61641161094016],"四子王旗白音朝克图镇":[112.5465546165538,42.10696816686297],"四子王旗红格尔苏木乡":[111.33288515642457,42.03688524736555],"四子王旗脑木更苏木乡":[111.72342700949072,42.60084633121042],"四子王旗巴音敖包苏木乡":[110.84101514781554,42.51771605029167],"四子王旗乌兰牧场":[112.09744741983764,41.73646072770522],"四子王旗江岸苏木乡":[111.06803730751489,42.88476391289394],"四子王旗查干补力格苏木乡":[111.89730260361372,42.11386731265731],"四子王旗乌兰花镇":[111.69517539122417,41.57649436549026],"四子王旗供济堂镇":[112.2835400434285,41.77211563173263],"四子王旗忽鸡图乡":[111.91760260733922,41.51998671327959]}

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

乌兰察布市四子王旗echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts乌兰察布市四子王旗geoJson地图指定区域高亮演示实例