echarts呼伦贝尔市额尔古纳市geoJson地图自定义label样式实例代码

echarts yekong

大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理呼伦贝尔市额尔古纳市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

额尔古纳市,内蒙古自治区 辖县级市,由 呼伦贝尔市 代管,位于内蒙古自治区东北部、呼伦贝尔市北部,是内蒙古自治区纬度最高的地区,地处大兴安岭西北麓、呼伦贝尔草原东北端,西部及北部隔额尔古纳河与俄罗斯联邦相望,属寒温带大陆性气候,毗邻4个旗、县(市),总面积28444.64平方千米,边境线长671.4千米。截至2022年10月,额尔古纳市辖2个街道、3个镇、1个苏木、1个乡、2个民族乡,另辖4个乡级单位。根据第七次人口普查数据,截至2020年11月1日零时,额尔古纳市常住人口为68482人。

echarts呼伦贝尔市额尔古纳市geoJson地图自定义label样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts呼伦贝尔市额尔古纳市geoJson地图自定义label样式

echarts呼伦贝尔市额尔古纳市geoJson地图点击弹出自定义弹窗

我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.

echarts呼伦贝尔市额尔古纳市geoJson地图点击弹出自定义弹窗

echarts呼伦贝尔市额尔古纳市geoJson地图圆形波纹状气泡图

echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.

echarts呼伦贝尔市额尔古纳市geoJson地图圆形波纹状气泡图

threejs呼伦贝尔市额尔古纳市geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣,可以观看threejs视频 Three.js视频教程3D可视化

threejs呼伦贝尔市额尔古纳市geoJson地图3d地图红色描边闪烁警报

threejs呼伦贝尔市额尔古纳市geoJson地图3d地图自定义贴图加CSS2D标签

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

threejs呼伦贝尔市额尔古纳市geoJson地图3d地图自定义贴图加CSS2D标签

呼伦贝尔市额尔古纳市 下辖有 上库力街道,海拉尔农垦集团有限责任公司上库力农场分公司,黑山头镇,蒙兀室韦苏木乡,恩和俄罗斯族民族乡,三河金騋农牧有限责任公司,恩和哈达镇,奇乾乡,三河回族乡,拉布达林街道,莫尔道嘎镇,海拉尔农垦集团有限公司拉布大林农场分公司,海拉尔农垦集团有限责任公司苏沁牧场分公司

呼伦贝尔市额尔古纳市下辖区域坐标

{"上库力街道":[120.4772685848093,50.28671771192283],"海拉尔农垦集团有限责任公司上库力农场分公司":[120.66475362257682,50.3182882748024],"黑山头镇":[119.43772420302366,50.38203942525567],"蒙兀室韦苏木乡":[119.96287748341388,51.33595469190061],"恩和俄罗斯族民族乡":[119.8930342445393,50.863642273051],"三河金騋农牧有限责任公司":[119.85156119601842,50.30077671386576],"恩和哈达镇":[121.42486067714538,53.30634854409696],"奇乾乡":[120.7933614002409,52.49285475127139],"三河回族乡":[120.2191505046901,50.40795320830821],"拉布达林街道":[120.20734948939639,50.26309389776893],"莫尔道嘎镇":[120.91710937497132,52.19002577677399],"海拉尔农垦集团有限公司拉布大林农场分公司":[120.17182318696379,50.12318462207335],"海拉尔农垦集团有限责任公司苏沁牧场分公司":[119.77863698952837,50.49548204025984]}

说明

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

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

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

呼伦贝尔市额尔古纳市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts呼伦贝尔市额尔古纳市geoJson地图自定义label样式实例代码