mapbox - 在不同的缩放级别加载不同的 geojson choropleth 覆盖答案

【问题标题】：mapbox - loading different geojson choropleth overlays at different zoom levelsmapbox - 在不同的缩放级别加载不同的 geojson choropleth 覆盖
【发布时间】：2015-05-19 12:49:39
【问题描述】：

所以我有一个 mapbox 底图，并希望在其顶部加载一个动态等值线区域图。它将覆盖所有大陆。在使用 geojson 之前我已经考虑过这样做，但结果文件超过 9mb。有没有办法以不同的缩放级别加载不同的 geojson 矢量以减小文件大小？

文件这么大的原因是因为它是一个非常详细的矢量叠加层。基本上我想复制'am map'的矢量，但具有mapbox的性能，在更大的缩放级别下具有更好的矢量分辨率。 (http://www.amcharts.com/javascript-maps/)

唯一的另一种方法是使用加载在基础地图顶部的 geojson 标记，但这不会产生与全彩色大陆矢量相同的视觉效果。..

任何帮助将不胜感激！

【问题讨论】：

标签： mapbox

【解决方案1】：

嗯，您可以在地图上观看zoomend 以根据需要添加/删除叠加层。

map.on('zoomend', function() {
    var currentZoom = map.getZoom();
    overlayGroup.clearLayers() //remove existing
    overlayGroup.addLayer(myZoomLevelMapping[currentZoom]) //add layer for this zoom level.
})

【讨论】：

但这适用于预渲染的位图图层，对吧？以不同的缩放级别交换图层。我不确定你可以用geojson对象做到这一点吗？我认为它只是在页面呈现时完全加载它？
不，这是针对矢量对象的。您可以根据需要添加和删除 geojson 图层。