Question

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

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

这是我的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这样做的方式？

Answer 1

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

Leaflet.js：删除地图并显示错误消息？

1 个答案: