javascript - 传单.js : Remove map and show error message?

Question

我使用的是mapbox.js v2.1.1。我想检查图层是否有效，如果无效，则删除 map 并显示友好的错误消息。

我可以删除 map ，但我无法在其位置显示错误消息 - 我只看到一个白色框。

这是我的 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 没有出现在它的位置。

我做错了什么？

我想我可以在 map 下添加一个新的 div 并设置它的 HTML，但这看起来很繁琐。这肯定是一个常见的需求，那么有没有内置的Leaflet方法可以做到这一点？

Answer 1

这可能是一个愚蠢的问题，但是如果您的 HTML 看起来像 <div id="map-ccg"></div> ，那你为什么要这样做 $('#map')而不是$('#map-ccg') ？