echarts齐齐哈尔市梅里斯达斡尔族区geoJson地图圆形波纹状气泡图实例

geoJson2 yekong

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

梅里斯达斡尔族区是 黑龙江省 齐齐哈尔市 的一个市辖区是全国唯一一个市辖达斡尔族区。梅里斯达斡尔语意为“有冰的地方”,地处松嫩平原西部,嫩江中游右岸,东与齐齐哈尔市北三区隔江相望,南与富拉尔基区相连。辖1个街道,5个镇,1个乡。是达、汉、满、朝鲜、回等多民族集居区,全区幅员面积2078平方公里,其中耕地146万亩、草原44万亩、林地33万亩。根据第七次人口普查数据,截至2020年11月1日零时,梅里斯达斡尔族区常住人口为125399人。

echarts齐齐哈尔市梅里斯达斡尔族区geoJson地图圆形波纹状气泡图

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

echarts齐齐哈尔市梅里斯达斡尔族区geoJson地图圆形波纹状气泡图

echarts齐齐哈尔市梅里斯达斡尔族区geoJson地图点击弹出自定义弹窗

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

echarts齐齐哈尔市梅里斯达斡尔族区geoJson地图点击弹出自定义弹窗

echarts齐齐哈尔市梅里斯达斡尔族区geoJson地图点击跳转到指定页面

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

echarts齐齐哈尔市梅里斯达斡尔族区geoJson地图点击跳转到指定页面

threejs齐齐哈尔市梅里斯达斡尔族区geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js前端3D可视化

threejs齐齐哈尔市梅里斯达斡尔族区geoJson地图3d地图css2d标签

threejs齐齐哈尔市梅里斯达斡尔族区geoJson地图3d地图

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

threejs齐齐哈尔市梅里斯达斡尔族区geoJson地图3d地图

threejs齐齐哈尔市梅里斯达斡尔族区geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs齐齐哈尔市梅里斯达斡尔族区geoJson地图3d地图鼠标移入显示标签并高亮

齐齐哈尔市梅里斯达斡尔族区 下辖有 梅里斯乡,梅里斯街道,共和镇,达呼店镇,卧牛吐达斡尔族镇,雅尔塞镇,哈拉海农场,莽格吐达斡尔族乡

齐齐哈尔市梅里斯达斡尔族区下辖区域坐标

{"梅里斯乡":[123.73639944780669,47.32805441059374],"梅里斯街道":[123.74014423643109,47.31815639006859],"共和镇":[123.6661030547113,47.4860987558694],"达呼店镇":[123.75898375837654,47.59526038171331],"卧牛吐达斡尔族镇":[123.98341969420079,47.66571345262993],"雅尔塞镇":[123.88111695847945,47.46526236267144],"哈拉海农场":[123.6432196159902,47.56176672182709],"莽格吐达斡尔族乡":[124.1452048524057,47.76589553872056]}

说明

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

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

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

齐齐哈尔市梅里斯达斡尔族区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts齐齐哈尔市梅里斯达斡尔族区geoJson地图圆形波纹状气泡图实例