echarts呼伦贝尔市陈巴尔虎旗geoJson地图 tooltip轮播演示实例

echarts yekong

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

陈巴尔虎旗,隶属 内蒙古自治区 呼伦贝尔市,位于中国内蒙古自治区呼伦贝尔市西北部,地处呼伦贝尔大草原腹地,地理坐标为北纬48°48′—50°12′,东经118°22′—121°02′,东部和东北部分别与牙克石市、额尔古纳市接壤,东南与海拉尔区毗邻,南边接着鄂温克族自治旗,西与新巴尔虎左旗交接,西北与俄罗斯隔额尔古纳河相望,中俄边境线总长193.9公里(系水界)。该旗土地面积1.86万平方公里。根据第七次人口普查数据,截至2020年11月1日零时,陈巴尔虎旗常住人口为50556人。

echarts呼伦贝尔市陈巴尔虎旗geoJson地图 tooltip轮播

echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.

echarts呼伦贝尔市陈巴尔虎旗geoJson地图 tooltip轮播

echarts呼伦贝尔市陈巴尔虎旗geoJson地图区域闪烁

echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.

echarts呼伦贝尔市陈巴尔虎旗geoJson地图区域闪烁

echarts呼伦贝尔市陈巴尔虎旗geoJson地图阴影

echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.

echarts呼伦贝尔市陈巴尔虎旗geoJson地图阴影

threejs呼伦贝尔市陈巴尔虎旗geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs课程视频 Three.js 3D可视化

threejs呼伦贝尔市陈巴尔虎旗geoJson地图3d地图鼠标移入显示标签并高亮

threejs呼伦贝尔市陈巴尔虎旗geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能

threejs呼伦贝尔市陈巴尔虎旗geoJson地图3d地图红色描边闪烁警报

呼伦贝尔市陈巴尔虎旗 下辖有 陈旗东乌珠尔苏木乡,陈旗国营特泥河牧场,陈旗巴彦哈达苏木乡,陈旗鄂温克民族苏木乡,陈旗呼和诺尔镇,陈旗宝日希勒镇,陈旗巴彦库仁镇,陈巴尔虎旗国营哈图达牧场,陈旗西乌珠尔苏木乡,陈旗国营浩特陶海农牧场

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

{"陈旗东乌珠尔苏木乡":[118.79802203640375,49.57963772621311],"陈旗国营特泥河牧场":[120.33240337616891,49.47222780678536],"陈旗巴彦哈达苏木乡":[119.76070013760946,49.64658119816555],"陈旗鄂温克民族苏木乡":[120.07392418574946,49.81390304137989],"陈旗呼和诺尔镇":[119.03313048833607,49.11412088758124],"陈旗宝日希勒镇":[119.7230577530262,49.31883718546572],"陈旗巴彦库仁镇":[119.53289368743434,49.38054922091374],"陈巴尔虎旗国营哈图达牧场":[119.21825368571328,50.04679579810745],"陈旗西乌珠尔苏木乡":[118.63275906250055,49.60476268399477],"陈旗国营浩特陶海农牧场":[119.38138938046774,49.36292829969041]}

说明

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

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

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

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

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts呼伦贝尔市陈巴尔虎旗geoJson地图 tooltip轮播演示实例