2016-02-08 39 views
1

我使用的是mapbox.js v2.1.1。我想檢查圖層是否有效,如果沒有,請移除地圖並顯示友好的錯誤消息。Leaflet.js:刪除地圖並顯示錯誤消息?

我可以刪除地圖確定,但我無法得到錯誤信息顯示在它的位置 - 我只看到一個白色的框。

這是我的JS:

var map = L.mapbox.map('map', 'mapbox.streets').setView([52.905, -1.79], 6); 
var layer = L.mapbox.featureLayer() 
    .loadURL(url) 
    .on('ready', function() { 
    if !(layer.getBounds().isValid()) { 
     map.remove(); 
     $('#map').html("Location unknown"); 
    } 
    }) 
    .addTo(map); 

我的HTML只是<div id="map-ccg"></div>

所以我認爲map.remove()工作正常,但後來我的HTML沒有出現在它的位置。

我在做什麼錯?

我想我可以在地圖下添加一個新的div,並設置它的HTML,但它似乎很煩。這一定是一個共同的要求,那麼有沒有內置的Leaflet做這件事的方法?

回答

0

這可能是一個愚蠢的問題,但如果你的HTML看起來像<div id="map-ccg"></div>,那你爲什麼要做$('#map')而不是$('#map-ccg')