数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是绥化市安达市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
安达市,黑龙江省 辖县级市,由 绥化市 代管,地处黑龙江省西南部松嫩平原腹地,与世界石油名城大庆毗邻接壤,周围与青冈、兰西、肇东、肇州、林甸5个市县为邻,位于哈大齐经济带的黄金地段,是哈大齐工业走廊的重要节点城市,全市总面积3586平方千米。2021年末,常住人口347584人,共有汉、回、蒙、朝等14个民族。
echarts绥化市安达市geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts绥化市安达市geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts绥化市安达市geoJson地图飞线图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
threejs绥化市安达市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs教程视频 3D可视化Three.js视频教程
threejs绥化市安达市geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs绥化市安达市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放
绥化市安达市 下辖有 红旗泡水库管理所,中本镇,任民镇,原种场,新兴街道,青肯泡乡,安达畜牧场,安达镇,安虹街道,先源乡,升平镇,昌德镇,羊草镇,老虎岗镇,万宝山镇,铁西街道,卧里屯乡,吉兴岗镇,太平庄镇,火石山乡,东湖水库管理站
绥化市安达市下辖区域坐标
{"红旗泡水库管理所":[125.25296202240204,46.59047492265542],"中本镇":[125.51125360771309,46.58540965148865],"任民镇":[125.49403960790369,46.70371662429606],"原种场":[125.35067975893122,46.40386308767516],"新兴街道":[125.30976863966103,46.42981647477642],"青肯泡乡":[125.46438563215656,46.42232118502211],"安达畜牧场":[125.19215452260316,46.27149378796351],"安达镇":[125.31576028871058,46.38753917642991],"安虹街道":[125.35057572197724,46.41527252785684],"先源乡":[125.2724237927919,46.37621669072919],"升平镇":[125.22783640125681,46.21080488016356],"昌德镇":[125.04317099218741,46.15318919318864],"羊草镇":[125.42004404394613,46.30754705894633],"老虎岗镇":[125.60103007386468,46.76003648531184],"万宝山镇":[125.11622098687147,46.37705429557352],"铁西街道":[125.29532664461001,46.40100362522348],"卧里屯乡":[125.29966898255158,46.56128793756693],"吉兴岗镇":[125.7560454799701,46.66191333311694],"太平庄镇":[125.36034539521052,46.85990657075857],"火石山乡":[125.63535430953507,46.48548328609576],"东湖水库管理站":[125.57625598285009,46.5485061848892]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。