2014-02-13 28 views
0

我正在使用小冊子繪製地圖,然後在其上插入大量標記。標記很好地出現,我爲它們定製了一個圖標,但我無法使用任何彈出窗口來處理.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() 
} 

回答

1

您的代碼爲我工作。只需添加缺少的括號和分號,就完成了。 你甚至可以簡化你的代碼,你可以在單張快速入門教程,請參閱:

function setLeafletMarker() { 
    L.marker([60.2, 24.8]) 
     .addTo(map) 
     .bindPopup("<b>Hello world!</b><br />I am a popup."); 
}; 
-1
bindPopup(<String> html | <HTMLElement> el | <Popup> popup, <Popup options> options?) 

綁定一個彈出與特定HTML內容在此標記點擊。您還可以使用標記openPopup方法打開綁定的彈出窗口。

參考:official leaflet doc