天地图点击icon显示自定义信息窗（三）

最新推荐文章于 2024-08-22 15:41:10 发布

小游-523

最新推荐文章于 2024-08-22 15:41:10 发布

阅读量1k

点赞数 1

分类专栏：天地图文章标签： javascript vue

本文链接：https://blog.csdn.net/weixin_49099187/article/details/121477239

版权

天地图专栏收录该内容

3 篇文章 1 订阅

订阅专栏

动态创建自定义信息窗

/**
*动态创建信息窗口
*/
handleInfoWin (data, e) {
      let vm = this
      let mapMarkerWindow = Vue.extend(MapMarkerWindow) // MapMarkerWindow自定义信息窗文件
      let pointInfoWindow = new T.InfoWindow(
        new mapMarkerWindow({
          propsData: {
            data: data.data //弹窗传参
          },
          methods: {}
        }).$mount().$el,
        {
          offset: new T.Point(0, 10),
          minheight: '500',
          minWidth: '800',
          closeButton: true, // 显示关闭按钮
          closeOnClick: true // 开启点击地图关闭弹窗
        }
      )
      pointInfoWindow.update()
      let lnglat = new T.LngLat(data.lng, data.lat)
      pointInfoWindow.setLngLat(lnglat)
      this.map.addOverLay(pointInfoWindow)
}