echarts呼伦贝尔市新巴尔虎左旗geoJson地图局部颜色渐变效果

echarts yekong

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

新巴尔虎左旗(又称东旗,新左旗),隶属于 内蒙古自治区 呼伦贝尔市,位于东经117°33′~120°12′,北纬46°10′~49°47′,地处大兴安岭北麓,呼伦贝尔市西南端。土地面积2.2万平方公里。截至2021年10月,新巴尔虎左旗辖2个镇、5个苏木,旗人民政府驻阿木古郎镇。根据第七次人口普查数据,截至2020年11月1日零时,新巴尔虎左旗常住人口为37007人。

echarts呼伦贝尔市新巴尔虎左旗geoJson地图局部颜色渐变

echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果

echarts呼伦贝尔市新巴尔虎左旗geoJson地图局部颜色渐变

echarts呼伦贝尔市新巴尔虎左旗geoJson地图圆形波纹状气泡图

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

echarts呼伦贝尔市新巴尔虎左旗geoJson地图圆形波纹状气泡图

echarts呼伦贝尔市新巴尔虎左旗geoJson地图添加柱状图

echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.

echarts呼伦贝尔市新巴尔虎左旗geoJson地图添加柱状图

threejs呼伦贝尔市新巴尔虎左旗geoJson地图3d地图添加描边效果

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

threejs呼伦贝尔市新巴尔虎左旗geoJson地图3d地图添加描边效果

threejs呼伦贝尔市新巴尔虎左旗geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小

threejs呼伦贝尔市新巴尔虎左旗geoJson地图3d地图CSS3D标签

threejs呼伦贝尔市新巴尔虎左旗geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

1681995804801QOUYwo

呼伦贝尔市新巴尔虎左旗 下辖有 甘珠尔苏木乡,罕达盖苏木乡,乌布尔宝力格苏木乡,吉布胡郎图苏木乡,嵯岗镇,阿木古郎镇,嵯岗双娃牧场,新宝力格苏木乡

呼伦贝尔市新巴尔虎左旗下辖区域坐标

{"甘珠尔苏木乡":[118.02507613909155,48.31859379507595],"罕达盖苏木乡":[119.36045359416933,47.63143796529279],"乌布尔宝力格苏木乡":[119.36039048159415,47.95618880993162],"吉布胡郎图苏木乡":[117.91212979152823,48.87203619220167],"嵯岗镇":[118.14927032016035,49.39006734814609],"阿木古郎镇":[118.633489736375,48.16642006810377],"嵯岗双娃牧场":[117.91038479203148,49.40048225159453],"新宝力格苏木乡":[118.5348764760109,48.63556594349905]}

说明

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

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

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

呼伦贝尔市新巴尔虎左旗echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts呼伦贝尔市新巴尔虎左旗geoJson地图局部颜色渐变效果