vue使用高德地图搜索以后自动生成的marker的点击事件

最新推荐文章于 2024-04-19 01:59:38 发布

GG_Tuzki

最新推荐文章于 2024-04-19 01:59:38 发布

阅读量1.4k

点赞数

分类专栏： vue结合高德地图文章标签： vue.js javascript 前端 vue

本文链接：https://blog.csdn.net/m0_38087375/article/details/131918607

版权

vue结合高德地图专栏收录该内容

1 篇文章 0 订阅

订阅专栏

vue使用高德地图搜索以后自动生成的marker的点击事件

在确认初始化地图以后

执行下面的方法

searchMap(addr) {
      let this_ = this
      let autoOptions = {
        // city: '全国',
        map: this.map, // 展现结果的地图实例
      }
      const placeSearch = new AMap.PlaceSearch(autoOptions)
      placeSearch.search(addr, function (status, result) {
        if (result.info == 'OK') {
          this_.map.setCenter([result.poiList.pois[0].location.lng, result.poiList.pois[0].location.lat])
        }
        this_.initEvents()
      })
      //点击事件 这里是重点
      AMap.event.addListener(placeSearch, "markerClick", function (e) {
          console.log(e.data.location);//当前marker的经纬度信息
          console.log(e.data.address);//获取当前marker的具体地址信息
          console.log(e.data);//则是包含所有的marker数据
        }
      )

    },

下面是点击后的打印结果