hookehuyr

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

<!--
* @Date: 2023-05-19 14:54:27
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-08-18 19:11:31
* @LastEditTime: 2024-03-22 11:40:02
* @FilePath: /map-demo/src/views/index.vue
* @Description: 公众地图主体页面
-->
......@@ -240,6 +240,8 @@ export default {
defaultCenter: [120.587382, 31.313900],
mapTiles: [],
open_current_location: true,
data_center: [], // 接口获取-地图中心点
data_zoom: '', // 接口获取-地图默认缩放
}
},
async mounted() {
......@@ -250,6 +252,8 @@ export default {
this.mapTiles = data.level; // 获取图层
this.navKey = data.list[0]['id']; // 默认选中 第一个 id
this.navList = data.list.filter(item => item.id === this.navKey)[0]['list']; // 返回默认选中项的实体信息
this.data_center = data.map.center.length ? data.map.center.map(item => Number(item)) : this.defaultCenter; // 地图中心点
this.data_zoom = data.map.zoom ? data.map.zoom : this.defaultZoom; // 地图默认缩放
// 初始化地图
this.initMap();
// this.setMapBoundary();
......@@ -311,10 +315,10 @@ export default {
showBuildingBlock: false, // 是否展示地图 3D 楼块
zooms: [17, 20], // 地图显示的缩放级别范围, 默认为 [2, 20] ,取值范围 [2 ~ 30]
showLabel: true, // 是否展示地图文字和 POI 信息
zoom: 18, // 设置地图显示的缩放级别
zoom: this.data_zoom, // 设置地图显示的缩放级别
pitch: 0, // 俯仰角度,默认 0,最大值根据地图当前 zoom 级别不断增大,2D地图下无效 。
rotation: 0, // 地图顺时针旋转角度,取值范围 [0-360] ,默认值:0
center: [120.587382, 31.313900], // 设置地图中心点坐标
center: this.data_center, // 设置地图中心点坐标
forceVector: false,
// rotateEnable: true,
layers: [
......