hookehuyr

新增地图初始化配置-中心点,初始缩放

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: [
......