随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理沈阳市沈北新区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
沈北新区，隶属于辽宁省沈阳市，是沈阳市九个主城区之一，地处沈阳市区北郊，位于沈阳、大连、长春、哈尔滨“东北城市走廊”中部，南靠三环，北隔辽河、万泉河与铁岭、法库县相望，东与抚顺市、铁岭市毗邻，西接辽西走廊，与新民市、于洪区相连。区境介于北纬41°54'—42°11'，东经123°16'—48'之间，总面积819平方千米 。下辖10个街道，4个农场，1个林场，1个种畜场。
echarts沈阳市沈北新区geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts沈阳市沈北新区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts沈阳市沈北新区geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
threejs沈阳市沈北新区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣，可以观看threejs视频教程 Three.js 3D可视化
threejs沈阳市沈北新区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs沈阳市沈北新区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
沈阳市沈北新区 下辖有 马刚街道,财落街道,黄家街道,新城子街道,清水台街道,石佛寺街道,虎石台街道,尹家街道,兴隆台街道,沈北街道,道义街道,辉山街道,清泉街道
沈阳市沈北新区下辖区域坐标
{"马刚街道":[123.6683085716557,42.01608066280748],"财落街道":[123.42986989145088,42.01658719006836],"黄家街道":[123.47692454689428,42.13523293079768],"新城子街道":[123.50876471507925,42.05283226728223],"清水台街道":[],"石佛寺街道":[123.35410881933569,42.11121996490735],"虎石台街道":[123.49286276674245,41.95802844250331],"尹家街道":[123.32245939497358,42.00130580294359],"兴隆台街道":[123.35769405640013,42.06260190225594],"沈北街道":[123.51771389778068,42.06310892998108],"道义街道":[123.41207687340548,41.9401365121256],"辉山街道":[123.60385817437108,41.93791329425672],"清泉街道":[123.62646710082599,42.04607188691064]}
沈阳市沈北新区行政划分代码
[{"name":"马刚街道","code":"210113010000"},{"name":"财落街道","code":"210113007000"},{"name":"黄家街道","code":"210113012000"},{"name":"新城子街道","code":"210113001000"},{"name":"清水台街道","code":"210113002000"},{"name":"石佛寺街道","code":""},{"name":"虎石台街道","code":"210113006000"},{"name":"尹家街道","code":""},{"name":"兴隆台街道","code":"210113014000"},{"name":"沈北街道","code":""},{"name":"道义街道","code":"210113004000"},{"name":"辉山街道","code":"210113003000"},{"name":"清泉街道","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
