大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理大同市平城区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
平城区，隶属于 山西省 大同市，位于大同市中部，大同盆地中心。介于东经113°11'—113°19'，北纬40°01'—40°08'之间，总面积约为238.95平方千米。气候属温带大陆性半干旱季风气候区，昼夜温差大。截至2021年7月，平城区下辖18个街道，共155个社区、48个行政村，区政府驻迎宾西街30号。 根据第七次人口普查数据，截至2020年11月1日零时，平城区常住人口为1105699人。
echarts大同市平城区geoJson地图飞线图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts大同市平城区geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts大同市平城区geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs大同市平城区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs视频 3D可视化Three.js视频教程
threejs大同市平城区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs大同市平城区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
大同市平城区 下辖有 新旺乡,水泊寺乡,马军营乡,开源街街道,东街街道,北关街道,向阳里街道,北街街道,南关街道,南街街道,西街街道,大庆路街道,新华街街道,新建北路街道,新建南路街道,振华南街街道,新旺乡,水泊寺乡,马军营乡,开源街街道,东街街道,北关街道,向阳里街道,北街街道,南关街道,南街街道,西街街道,大庆路街道,新华街街道,新建北路街道,新建南路街道,振华南街街道
大同市平城区下辖区域坐标
{"新旺乡":[],"水泊寺乡":[113.35051176587123,40.07172396993914],"马军营乡":[113.27062058507616,40.08458984525582],"开源街街道":[113.26723110615298,40.05118981227147],"东街街道":[],"北关街道":[113.29542137785259,40.11611956016211],"向阳里街道":[113.29107684812683,40.04915140053907],"北街街道":[],"南关街道":[113.29630264796882,40.07528636436523],"南街街道":[113.28977791803909,40.08829663375311],"西街街道":[113.2889065362579,40.09723006576523],"大庆路街道":[113.25687913189714,40.06725577007406],"新华街街道":[113.27634436904253,40.11955787293968],"新建北路街道":[113.27310234863678,40.10131368323282],"新建南路街道":[113.27317318488534,40.07751903370639],"振华南街街道":[113.2618796862077,40.08312471212335]}
大同市平城区行政划分代码
[{"name":"新旺乡","code":""},{"name":"水泊寺乡","code":""},{"name":"马军营乡","code":""},{"name":"开源街街道","code":""},{"name":"东街街道","code":""},{"name":"北关街道","code":""},{"name":"向阳里街道","code":""},{"name":"北街街道","code":""},{"name":"南关街道","code":""},{"name":"南街街道","code":""},{"name":"西街街道","code":""},{"name":"大庆路街道","code":"140213059000"},{"name":"新华街街道","code":""},{"name":"新建北路街道","code":""},{"name":"新建南路街道","code":""},{"name":"振华南街街道","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
