高德地图信息窗体设置

1. 添加默认信息窗体

//构建信息窗体中显示的内容
                    var info = [];
                    info.push(
                      `
位置:北京
` ); info.push( `
联系人:袁磊
` ); this.infoWindow = new AMap.InfoWindow({ content: info.join("") //使用默认信息窗体框样式,显示信息内容 }); // // getCenter() 获取地图中心点(数组) // this.infoWindow.open(this.aMap, this.aMap.getCenter()); // 设置点坐标为窗体坐标;例:[123.40340954550922, 41.7334550336356] this.infoWindow.open(this.aMap, e.data.lnglat);

2. 使用自定义窗体(添加窗体)

//构建信息窗体中显示的内容
                    var info = [];
                    info.push(
                      `
位置:北京
` ); info.push( `
联系人:袁磊
` ); that.infoWindow = new AMap.InfoWindow({ isCustom: true, //使用自定义窗体 content: `
jdfghjdfihg
X
`, offset: new AMap.Pixel(16, -45) }); // // getCenter() 获取地图中心点(数组) // this.infoWindow.open(this.aMap, this.aMap.getCenter()); // 设置点坐标为窗体坐标;例:[123.40340954550922, 41.7334550336356] that.infoWindow.open(that.aMap, e.data.lnglat);

3关闭自定义窗体(closeInfoWindow方法也要挂在window)

mounted() {
    window.closeInfoWindow = () => {
      this.aMap.clearInfoWindow();
    };
  },

你可能感兴趣的:(服务器,前端,linux)