地图不使用地图api如何实现自定义弹窗

要实现自定义弹窗，您可以使用其他库或框架来创建和管理弹窗。以下是一种基本的方法：

创建一个HTML元素来表示弹窗。您可以使用<div>元素或其他适合的元素。

<div id="custom-popup">
    <!-- 弹窗内容 -->
</div>

使用CSS样式来设置弹窗的外观和位置。

#custom-popup {
    position: absolute;
    top: 100px;
    left: 100px;
    width: 200px;
    height: 100px;
    background-color: white;
    border: 1px solid black;
    padding: 10px;
}

使用JavaScript来管理弹窗的显示和隐藏。

var popup = document.getElementById("custom-popup");

function showPopup() {
    popup.style.display = "block";
}

function hidePopup() {
    popup.style.display = "none";
}

在您的地图上添加一个交互事件，例如点击地图某个位置时触发弹窗。

map.on("click", function(event) {
    showPopup();
});

通过这种方式，您可以自定义弹窗的外观和行为，而不依赖地图API。您可以根据需要添加其他功能，例如添加关闭按钮或动画效果等等