echarts齐齐哈尔市昂昂溪区geoJson地图 tooltip轮播效果实例

geoJson2 yekong

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

昂昂溪是 黑龙江省 齐齐哈尔市 市辖区。位于齐齐哈尔市中心城区南部,东接铁锋区及杜尔伯特蒙古族自治县,西与富拉尔基区及梅里斯达斡尔族区隔江相望,南与泰来县为邻,北与龙沙区接壤。面积753平方公里,辖2个镇、18个行政村,4个街道办事处、10个社区。根据第七次人口普查数据,截至2020年11月1日零时,昂昂溪区常住人口为67824人。

echarts齐齐哈尔市昂昂溪区geoJson地图 tooltip轮播

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

echarts齐齐哈尔市昂昂溪区geoJson地图 tooltip轮播

echarts齐齐哈尔市昂昂溪区geoJson地图飞线图

echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向

echarts齐齐哈尔市昂昂溪区geoJson地图飞线图

echarts齐齐哈尔市昂昂溪区geoJson地图点击跳转到指定页面

为图标添加点击事件,点击图标,跳转到指定页面

echarts齐齐哈尔市昂昂溪区geoJson地图点击跳转到指定页面

threejs齐齐哈尔市昂昂溪区geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs视频 3D可视化Three.js视频教程

threejs齐齐哈尔市昂昂溪区geoJson地图3d地图自定义贴图加CSS2D标签

threejs齐齐哈尔市昂昂溪区geoJson地图3d地图

通过threejs绘制的3d地图实例

threejs齐齐哈尔市昂昂溪区geoJson地图3d地图

threejs齐齐哈尔市昂昂溪区geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs齐齐哈尔市昂昂溪区geoJson地图3d地图添加描边效果

齐齐哈尔市昂昂溪区 下辖有 新兴街道,新建街道,林机街道,道北街道,水师营满族镇,榆树屯镇

齐齐哈尔市昂昂溪区下辖区域坐标

{"新兴街道":[123.8062644800901,47.14761884759549],"新建街道":[123.79632064044448,47.1137085869804],"林机街道":[123.94907461473264,47.19038181018134],"道北街道":[123.86594733804344,47.19983898037075],"水师营满族镇":[124.06170412783325,47.1976490386883],"榆树屯镇":[123.90563584423043,47.12119451636909]}

说明

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

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

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

齐齐哈尔市昂昂溪区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts齐齐哈尔市昂昂溪区geoJson地图 tooltip轮播效果实例