Question

创建一个new popup并传递了一个element对象，如何给element里的html元素绑定点击事件呢

Answer 1

您好，这个直接创建并绑定就好了，事件不会失效的，以下是一个实例代码，希望能帮到您

<div id="dialogPopup" class="modal" :class="{ 'small_modal': smallModal }">
  <div class="title-content">
    <div class="mapboxgl-popup-close-button" type="button"  @click="closeDialogPopup()">×</div>
    <span class="tilte-text">{{ dialogPopupInfo.title }}</span>
  </div>
</div>

dialogPopup.value = new Overlay({
  element: document.getElementById("dialogPopup"), // 这里新建为element
  autoPan: true,
});

Comments

如何设置当前弹框的位置呢，并且点击激活显示当前弹框

---

//这两个其实是一个问题，设置位置其实就是显示弹窗
dialogPopup.value.setOffset([0, 0]);
dialogPopup.value.setPosition(feature.getGeometry().getCoordinates());

//关闭弹窗代码
dialogPopup.value.setPosition();