高德地图信息弹窗定位和地图setCenter定位冲突

可以关闭信息弹窗的autoMove属性

水一哈–高德地图是一款常用的地图应用程序,它提供了定位和地图显示的功能。然而,有时候在使用高德地图时,可能会遇到一些问题,比如定位和地图setCenter方法之间的冲突,以及如何关闭信息弹窗的autoMove属性。

首先,让我们来了解一下定位和地图setCenter方法之间的冲突。在使用高德地图时,我们通常会使用定位功能来获取当前位置的经纬度,并将地图的中心点设置为当前位置。这可以通过调用高德地图的定位API和地图的setCenter方法来实现。

然而,有时候在调用setCenter方法之后,地图会自动移动到新的中心点,并显示一个信息弹窗。这可能会导致一些问题,特别是当我们希望手动控制地图的显示位置时。为了解决这个问题,我们可以通过设置地图的autoMove属性来关闭信息弹窗的自动移动功能。

具体来说,我们可以在调用setCenter方法之前,将地图的autoMove属性设置为false。这样,当我们调用setCenter方法时,地图将不会自动移动到新的中心点,并且信息弹窗也不会显示出来。这样,我们就可以手动控制地图的显示位置,而不会受到信息弹窗的干扰。

下面是一个示例代码,展示了如何关闭信息弹窗的autoMove属性:

      let instance = new AMap.InfoWindow({
        isCustom: true, // 使用自定义窗体
        autoMove: false, // 关闭自动调整视野
        closeWhenClickMap: true,
        content: "",
        // 设置基点偏移
        offset: new AMap.Pixel(0, -50),
      });
     this.$refs.parkInfoWindow.open(map, position);
     setTimeout(() => {
       this.map.setCenter(position);
     }, 1000)

你可能感兴趣的:(前端)