Showing
1 changed file
with
7 additions
and
3 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2023-05-19 14:54:27 | 2 | * @Date: 2023-05-19 14:54:27 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2023-08-18 19:11:31 | 4 | + * @LastEditTime: 2024-03-22 11:40:02 |
| 5 | * @FilePath: /map-demo/src/views/index.vue | 5 | * @FilePath: /map-demo/src/views/index.vue |
| 6 | * @Description: 公众地图主体页面 | 6 | * @Description: 公众地图主体页面 |
| 7 | --> | 7 | --> |
| ... | @@ -240,6 +240,8 @@ export default { | ... | @@ -240,6 +240,8 @@ export default { |
| 240 | defaultCenter: [120.587382, 31.313900], | 240 | defaultCenter: [120.587382, 31.313900], |
| 241 | mapTiles: [], | 241 | mapTiles: [], |
| 242 | open_current_location: true, | 242 | open_current_location: true, |
| 243 | + data_center: [], // 接口获取-地图中心点 | ||
| 244 | + data_zoom: '', // 接口获取-地图默认缩放 | ||
| 243 | } | 245 | } |
| 244 | }, | 246 | }, |
| 245 | async mounted() { | 247 | async mounted() { |
| ... | @@ -250,6 +252,8 @@ export default { | ... | @@ -250,6 +252,8 @@ export default { |
| 250 | this.mapTiles = data.level; // 获取图层 | 252 | this.mapTiles = data.level; // 获取图层 |
| 251 | this.navKey = data.list[0]['id']; // 默认选中 第一个 id | 253 | this.navKey = data.list[0]['id']; // 默认选中 第一个 id |
| 252 | this.navList = data.list.filter(item => item.id === this.navKey)[0]['list']; // 返回默认选中项的实体信息 | 254 | this.navList = data.list.filter(item => item.id === this.navKey)[0]['list']; // 返回默认选中项的实体信息 |
| 255 | + this.data_center = data.map.center.length ? data.map.center.map(item => Number(item)) : this.defaultCenter; // 地图中心点 | ||
| 256 | + this.data_zoom = data.map.zoom ? data.map.zoom : this.defaultZoom; // 地图默认缩放 | ||
| 253 | // 初始化地图 | 257 | // 初始化地图 |
| 254 | this.initMap(); | 258 | this.initMap(); |
| 255 | // this.setMapBoundary(); | 259 | // this.setMapBoundary(); |
| ... | @@ -311,10 +315,10 @@ export default { | ... | @@ -311,10 +315,10 @@ export default { |
| 311 | showBuildingBlock: false, // 是否展示地图 3D 楼块 | 315 | showBuildingBlock: false, // 是否展示地图 3D 楼块 |
| 312 | zooms: [17, 20], // 地图显示的缩放级别范围, 默认为 [2, 20] ,取值范围 [2 ~ 30] | 316 | zooms: [17, 20], // 地图显示的缩放级别范围, 默认为 [2, 20] ,取值范围 [2 ~ 30] |
| 313 | showLabel: true, // 是否展示地图文字和 POI 信息 | 317 | showLabel: true, // 是否展示地图文字和 POI 信息 |
| 314 | - zoom: 18, // 设置地图显示的缩放级别 | 318 | + zoom: this.data_zoom, // 设置地图显示的缩放级别 |
| 315 | pitch: 0, // 俯仰角度,默认 0,最大值根据地图当前 zoom 级别不断增大,2D地图下无效 。 | 319 | pitch: 0, // 俯仰角度,默认 0,最大值根据地图当前 zoom 级别不断增大,2D地图下无效 。 |
| 316 | rotation: 0, // 地图顺时针旋转角度,取值范围 [0-360] ,默认值:0 | 320 | rotation: 0, // 地图顺时针旋转角度,取值范围 [0-360] ,默认值:0 |
| 317 | - center: [120.587382, 31.313900], // 设置地图中心点坐标 | 321 | + center: this.data_center, // 设置地图中心点坐标 |
| 318 | forceVector: false, | 322 | forceVector: false, |
| 319 | // rotateEnable: true, | 323 | // rotateEnable: true, |
| 320 | layers: [ | 324 | layers: [ | ... | ... |
-
Please register or login to post a comment