随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理哈尔滨市道外区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
道外区，隶属黑龙江省哈尔滨市。位于哈尔滨市的中东部。位于北纬45°20′～46°20′，东经126°15′～127°30′之间。城区东与阿城区、宾县接壤，西与道里区以滨洲铁路为界，南接南岗区、香坊区，北与松北区、呼兰区毗邻。全区总面积618.6平方公里。辖22个街道办事处、3个镇、1个乡、115个社区和38个行政村。区政府驻北十四道街55号。根据第七次人口普查数据，截至2020年11月1日零时，道外区常住人口为811178人。
echarts哈尔滨市道外区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts哈尔滨市道外区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts哈尔滨市道外区geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs哈尔滨市道外区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果想系统的学习threejs的话，可以观看threejs视频 Three.js 3D可视化
threejs哈尔滨市道外区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs哈尔滨市道外区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
哈尔滨市道外区 下辖有 东莱街道,水泥路街道,火车头街道,南市街道,仁里街道,滨江街道,民强街道,东原街道,青年农场,靖宇街道,胜利街道,道外农垦,黎华街道,南直路街道,大有坊街道,三棵树大街街道,太平大街街道,南马街道,太古街道,新乐街道,化工街道,大兴街道,振江街道,崇俭街道,新一街道,永源镇,团结镇,民主乡,巨源镇
哈尔滨市道外区下辖区域坐标
{"东莱街道":[126.64011379413928,45.77667315087358],"水泥路街道":[126.7169029709089,45.82984811013216],"火车头街道":[126.70402795296312,45.78077586472798],"南市街道":[126.65417040225758,45.78054026481496],"仁里街道":[126.64991744002862,45.78648211463188],"滨江街道":[126.65112013573165,45.77543798907239],"民强街道":[126.6816309308594,45.7834685510052],"东原街道":[126.64906720433439,45.79359274668781],"青年农场":[126.85739137296024,45.7812295644346],"靖宇街道":[126.63850743574055,45.78097595601128],"胜利街道":[126.62928233817547,45.78012932406778],"道外农垦":[126.74307867390434,45.78443775937967],"黎华街道":[126.67386046809162,45.79374501932176],"南直路街道":[126.69988868654701,45.76786288848918],"大有坊街道":[126.68537982351148,45.7727475590231],"三棵树大街街道":[126.69277641151882,45.79817285715355],"太平大街街道":[126.68102791284218,45.78913429169222],"南马街道":[126.63682246997718,45.77087160284539],"太古街道":[126.6456971123704,45.78200790195346],"新乐街道":[126.67709264347087,45.77791027178163],"化工街道":[126.73721392937179,45.76798975190687],"大兴街道":[126.63410807002234,45.78850599367138],"振江街道":[126.66172884637325,45.79409742334366],"崇俭街道":[126.65763656389298,45.78679782179331],"新一街道":[126.7132069467726,45.80002588600499],"永源镇":[126.99954861736074,45.79879510524322],"团结镇":[126.80471812054196,45.77454095042613],"民主乡":[126.79612370085732,45.86299989619967],"巨源镇":[126.9239172404975,45.92165936603345]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
