随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理齐齐哈尔市梅里斯达斡尔族区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
梅里斯达斡尔族区是 黑龙江省 齐齐哈尔市 的一个市辖区是全国唯一一个市辖达斡尔族区。梅里斯达斡尔语意为“有冰的地方”，地处松嫩平原西部，嫩江中游右岸，东与齐齐哈尔市北三区隔江相望，南与富拉尔基区相连。辖1个街道，5个镇，1个乡。是达、汉、满、朝鲜、回等多民族集居区，全区幅员面积2078平方公里，其中耕地146万亩、草原44万亩、林地33万亩。根据第七次人口普查数据，截至2020年11月1日零时，梅里斯达斡尔族区常住人口为125399人。
echarts齐齐哈尔市梅里斯达斡尔族区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts齐齐哈尔市梅里斯达斡尔族区geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts齐齐哈尔市梅里斯达斡尔族区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs齐齐哈尔市梅里斯达斡尔族区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放,如果想系统的学习threejs的话，可以观看threejs教程视频 Three.js前端3D可视化
threejs齐齐哈尔市梅里斯达斡尔族区geoJson地图3d地图
通过threejs绘制的3d地图实例
threejs齐齐哈尔市梅里斯达斡尔族区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的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地图效果展示。
