Leaflet.js 弹出页面在页面加载时可见

Question

我正在将此插件用于一个项目。当我创建弹出窗口时，它们在加载时被激活。我希望它们在用户单击标记时打开。有什么帮助吗？const mymap = L.map('mapid').setView([40.399245, 49.876386], 10);const tile = L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {  attribution: 'Map data &copy; <a href="https://www.mapbox.com/">Mapbox</a>',  maxZoom: 18,  id: 'mapbox.streets',  accessToken: 'TOKEN'}).addTo(mymap);const mapIcon = L.icon({  iconUrl: 'assets/image/icons/marker.png',  iconSize: [40, 40],  iconAnchor: [20, 20]})const marker = L.marker([40.399245, 49.876386], { icon: mapIcon }).addTo(mymap);const marker = L.marker([40.399245, 49.876386], { icon: mapIcon }).addTo(mymap);var popup = L.popup({}).setContent('content')marker.bindPopup(popup).openPopup();marker.setLatLng([40.399245, 49.876386]).addTo(mymap);

Answer 1

这行代码是罪魁祸首：

marker.bindPopup(popup).openPopup();

在这一行中，您将弹出窗口绑定到标记，然后立即打开弹出窗口。省略该openPopup()方法应该可以解决您的问题。

marker.bindPopup(popup);

根据传单文档：

使用示例

如果您只想将弹出窗口绑定到标记单击然后打开它，这真的很容易：

marker.bindPopup(popupContent).openPopup();