echarts呼伦贝尔市阿荣旗geoJson地图点击地图插小旗代码演示

echarts yekong

大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是呼伦贝尔市阿荣旗echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

阿荣旗,隶属 内蒙古自治区 呼伦贝尔市,位于大兴安岭东麓,东经122°2′—124°5′、北纬47°56′—49°19′。西部与扎兰屯市隔河相望,东部与扎格敦山岭和莫力达瓦达斡尔族自治旗为邻,北部和鄂伦春旗相连,西北部与牙克石市接壤,南以金界壕为界与黑龙江省甘南县毗邻。全旗总面积1.36万平方公里。2019年,阿荣旗辖8个建制镇、4个少数民族乡、148个行政村、7个地方林场和2个国营农场。县境内有:那吉屯农场、格尼河农场。阿伦河流经境内。根据第七次人口普查数据,截至2020年11月1日零时,阿荣旗常住人口为257815人。

echarts呼伦贝尔市阿荣旗geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts呼伦贝尔市阿荣旗geoJson地图点击地图插小旗

echarts呼伦贝尔市阿荣旗geoJson地图点击地图获取经纬度

echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.

echarts呼伦贝尔市阿荣旗geoJson地图点击地图获取经纬度

echarts呼伦贝尔市阿荣旗geoJson地图 visualMap控制地图颜色

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

echarts呼伦贝尔市阿荣旗geoJson地图 visualMap控制地图颜色

threejs呼伦贝尔市阿荣旗geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js前端3D可视化

threejs呼伦贝尔市阿荣旗geoJson地图3d地图添加旋转棱锥

threejs呼伦贝尔市阿荣旗geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图

threejs呼伦贝尔市阿荣旗geoJson地图3d地图自定义贴图加CSS2D标签

呼伦贝尔市阿荣旗 下辖有 亚东镇,六合镇,三岔河镇,格尼河农场,那吉镇,复兴镇,向阳峪镇,霍尔奇镇,那吉屯农场,阿荣旗林业局,新发朝鲜民族乡,得力其鄂温克民族乡,查巴奇鄂温克民族乡,音河达斡尔鄂温克民族乡

呼伦贝尔市阿荣旗下辖区域坐标

{"亚东镇":[123.67841534384155,48.50412071643329],"六合镇":[123.87117704626885,48.3771463358236],"三岔河镇":[123.46100363560055,48.63451091994474],"格尼河农场":[123.10952720683636,48.81618264056333],"那吉镇":[123.4486168197642,48.14298125232078],"复兴镇":[123.13556243571182,48.29983568219149],"向阳峪镇":[123.30992458934892,48.06741868824358],"霍尔奇镇":[123.2204333980898,48.394920264935],"那吉屯农场":[123.59348243795995,48.18988775673752],"阿荣旗林业局":[123.24161770469075,49.0043955122071],"新发朝鲜民族乡":[123.52334695770784,48.09183094475056],"得力其鄂温克民族乡":[123.29035913043688,48.92858004312606],"查巴奇鄂温克民族乡":[122.67695084672351,48.81052945851012],"音河达斡尔鄂温克民族乡":[122.94844087435408,48.25395911648843]}

说明

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

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

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

呼伦贝尔市阿荣旗echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts呼伦贝尔市阿荣旗geoJson地图点击地图插小旗代码演示