將d3地理圖塊中的縮放限制為“最大”

Question

當您使用某些圖塊集（例如.tiles.mapbox.com/v3/mapbox.natural-earth-2/ ）時，應將d3地理圖塊的縮放限制為最大，否則這些圖塊不存在，無法找到，最后顯示難看的“找不到”背景圖片。

我創建了一個小提琴 （由Lex提供 ），向您展示我的確切意思。 嘗試單擊一個小國家來復制該問題。 該縮放級別不存在圖塊。 以下兩個解決方案是可以接受的。

1. 如何設置限制clicked的放大功能，以計算縮放到邊界框？
2. 如何修改腳本，使clicked功能繼續放大到可用的最詳細的圖塊？

Answer 1

一種簡單的方法是通過設置最大縮放比例來限制縮放。

例如在clicked您可以添加如下行：

scale = Math.min(1 << 14, scale);

（基於您以前的比例范圍[1 << 11, 1 << 14] ）

這是更新的小提琴： https : //jsfiddle.net/5Lf0w3sm/17/