Question

我正在使用传单绘制地图，然后在其上插入大量标记。标记出来很好，我有一个自定义图标，但我不能让任何弹出窗口与.bindPopup（）一起使用。我也没有错误。

这是我的代码：

var map = L.map('map').setView([60.20, 24.92], 11);

L.tileLayer('https://ssl_tiles.cloudmade.com/<APIKEY>/997/256/{z}/{x}/{y}.png', {
    attribution: '',
    maxZoom: 18
}).addTo(map);

function setLeafletMarker() {
        var markerLocation = new L.LatLng(60.2, 24.8);
        var marker = new L.Marker(markerLocation);
        map.addLayer(marker);
        marker.bindPopup("<b>Hello world!</b><br />I am a popup.")
}

$(document).ready(function () {
    setLeafletMarker()
}

Answer 1

您的代码适合我。只需添加缺少的括号和分号，就完成了。您甚至可以简化代码，如Leaflet Quick Start教程中所示：

function setLeafletMarker() {
    L.marker([60.2, 24.8])
        .addTo(map)
        .bindPopup("<b>Hello world!</b><br />I am a popup.");
};

Answer 2

bindPopup( <String> html | <HTMLElement> el | <Popup> popup, <Popup options> options? )

将弹出窗口与特定HTML内容绑定到单击此标记。您也可以使用Marker openPopup方法打开绑定的弹出窗口。

参考：official leaflet doc

Leaflet不会在标记上打开弹出窗口

2 个答案: