传单不会在标记上打开弹出窗口答案

【问题标题】：Leaflet won't open popup on marker传单不会在标记上打开弹出窗口
【发布时间】：2014-06-21 23:13:05
【问题描述】：

我正在使用传单绘制地图，然后在其上插入很多标记。标记出来很好，我有一个自定义图标，但我无法让任何弹出窗口与 .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()
}

【问题讨论】：

标签： javascript jquery leaflet

【解决方案1】：

您的代码对我有用。只需添加缺少的括号和分号即可。您甚至可以简化代码，如 Leaflet 快速入门教程中所见：

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

【讨论】：

【解决方案2】：

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

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

参考：official leaflet doc

【讨论】：