2016-03-02 29 views
0

我在地圖上使用單張框架顯示標記。錯誤消息顯示在頁面底部「出錯了,地圖容器已經初始化..請重試。」當多個標記添加到地圖時。標記的所有功能都正常工作。如果只有1個標記添加到地圖則不會在底部地圖容器已經初始化錯誤顯示在頁面底部

var map; 
var arrMarkers = []; 
var lat = value1[1]; 
var lang = value1[2]; 
var map = new L.Map('map'); 
map.setView([lat, lang], 6); 
L.tileLayer('api.tomtom.com/map/1/tile/basic/main{z}/{x}/{y}.png?key={piKey}', { 
    apiKey: 'trv87gvquv8yyfr4nrwgsdzc', 
    maxZoom: 18 
}).addTo(map); 
for (i = 0; i < allpairs.length; i++) { 
    var j = 0, 
     k = 0; 
    var newpair = allpairs[i].split('#'); 
    var text = newpair[0]; 
    var lat1 = newpair[1]; 
    var lng1 = newpair[2]; 
    var title = text; 
    var title1 = '<h1> this is sample text </h1> <br></br> text'; 
    var marker = L.marker([lat1, lng1], 'showtext'); 
    marker.addTo(map).bindPopup(title1); 
    marker.bindLabel(title, { 
     nohide: true 
    }).addTo(map); 
} 

回答

0

顯示此錯誤消息有是你的代碼調用L.map("containerId")當它被添加標記非常高的機會。

L.map必須調用每個集裝箱只有一次。

保存參考(例如var map = L.map("containerId")),以便您可以將其重新用於下一個標記:L.marker(coords).addTo(map)

如果這不能解決您的問題,你將不得不發佈您的代碼,以獲得進一步的幫助。

+0

var map; \t var arrMarkers = []; var lat = value1 [1]; var lang = value1 [2]; var map = new L.Map('map'); \t \t \t \t map.setView([LAT,郎],6); L.tileLayer( 'https://api.tomtom.com/map/1/tile/basic/main/ {Z}/{X}/{Y} .PNG?鍵= {apiKey}',{ apiKey:'trv87gvquv8yyfr4nrwgsdzc', maxZoom:18})。addTo(map); – ABHIJIT

+0

爲(I = 0;我 ABHIJIT

+0

我的代碼粘貼在上面。 L.Map只被調用一次。 L.marker在for循環中被調用,因爲我必須根據緯度和語言在地圖上放置標記 – ABHIJIT

相關問題