【OpenLayers笔记】地图上显示html的覆盖物 - Overlay

添加一个html覆盖层标签：

 

 核心代码：

    let overlay = new Overlay({
      //设定html元素的基准位置(默认左上角)
      positioning: "center-center",
      //鼠标放置在标签元素上，地图是否能停止事件交互
      stopEvent: false,
      element: document.getElementById("marker"),
    });
    map.addOverlay(overlay);
    map.on("click", function (event) {
      //把overlay放置到地图点击的地方
      overlay.setPosition(event.coordinate);
    });

 

 

效果：