数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是哈尔滨市阿城区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
阿城区，隶属于 黑龙江省 哈尔滨市，地处哈尔滨市中心城区东南23公里处，全区幅员面积2452平方公里 ，下辖4镇、15个街道，108个行政村。根据第七次人口普查数据，截至2020年11月1日零时，阿城区常住人口为500327人。
echarts哈尔滨市阿城区geoJson地图迁徙图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts哈尔滨市阿城区geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts哈尔滨市阿城区geoJson地图根据经纬度显示自定义html弹窗
echarts地图我们可以通过像素坐标来将我们自定义的html弹窗定位到echarts地图指定位置,如果是固定的宽高的话,这没什么问题直接定位就可以了,如果是自适应宽高的地图我们可能没办法控制精度,我们可以使用经纬度来控制,当echarts地图渲染完成以后,我们可以通过convertToPixel将经纬度转为像素坐标,然后再渲染自定义弹窗,这样精度就比较准确了,而且也不会因为窗体宽高变化而导致弹窗出现偏移.
threejs哈尔滨市阿城区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣，可以观看threejs课程视频 WebGL 3D可视化教程
threejs哈尔滨市阿城区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs哈尔滨市阿城区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
哈尔滨市阿城区 下辖有 松峰山镇,玉泉街道,河东街道,通城街道,阿城原种场,料甸镇,杨树镇,舍利街道,红星镇,交界街道,金城街道,双丰街道,小岭街道,金都街道,金龙山镇,新利街道,平山镇,蜚克图镇,亚沟街道,阿什河街道
哈尔滨市阿城区下辖区域坐标
{"松峰山镇":[127.47310725057099,45.46536261049881],"玉泉街道":[127.15852377145217,45.40899431782756],"河东街道":[127.02803886648783,45.5383377485318],"通城街道":[126.98592093412321,45.55267767352034],"阿城原种场":[127.02177535508538,45.51723852588366],"料甸镇":[127.03391279716779,45.64772921230887],"杨树镇":[126.80510458477598,45.48257834168467],"舍利街道":[126.8939321793089,45.58064477000957],"红星镇":[127.19812299902631,45.56307056125019],"交界街道":[127.11259047442914,45.35035903691291],"金城街道":[126.963478692351,45.55904962966301],"双丰街道":[126.93593058675118,45.43517182225283],"小岭街道":[127.24756735366262,45.31858049888533],"金都街道":[126.9568466474706,45.52176732262022],"金龙山镇":[127.21967637351474,45.48475981046003],"新利街道":[126.79489852216949,45.57460011214904],"平山镇":[127.37514436002364,45.28605711292174],"蜚克图镇":[127.1299076316044,45.69446019113685],"亚沟街道":[127.06703917176237,45.46471628668264],"阿什河街道":[126.96311145883384,45.51145666751106]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
