高德地图 海量点/单个标记点 做信息窗体

海量点/单个标记点 点击后展示信息窗体

1.海量点  

监听click 获取e.data.lnglat

    let mass = new AMap.MassMarks(markersArr, {
     ...
    })
    mass.setMap(this.map)
        var info="<div style='font-size:0.15rem;color:#fff'>信息体</div>"
      var infoWindow = new AMap.InfoWindow({
        content: info,
      })
    mass.on('click',function(e){
      infoWindow.open(that.map,e.data.lnglat) 
    })

 

 

2.单个点 https://lbs.amap.com/demo/javascript-api/example/infowindow/default-style-infowindow

    var marker = new AMap.Marker({
        ...
    });
    //鼠标点击marker弹出自定义的信息窗体
    marker.on('click', function () {
        infoWindow.open(map, marker.getPosition());
    });
    var info="<div style='font-size:0.15rem;color:#fff'>信息体</div>"
    var infoWindow = new AMap.InfoWindow({
        content: info,
    })