如何使用map.fitBounds()让OpenStreetMap加载时适配英国区域？

直接替换原代码中的setView调用为fitBounds即可，通过定义英国区域的边界坐标，地图加载时会自动调整到最合适的缩放级别和中心点，精准覆盖英国区域。

修改后的完整代码：

const myMap = L.map('map'); // 先初始化地图，暂不设置视图
// 获取开源免费的OpenStreetMap瓦片服务
const tileUrl = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
// 设置底部版权信息
const attribution =
        '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> ';
// 添加瓦片图层到地图
const tileLayer = L.tileLayer(tileUrl, { attribution });
tileLayer.addTo(myMap);

// 定义英国区域的边界：西南角[纬度, 经度]、东北角[纬度, 经度]
const ukBounds = [[49.8, -8.7], [59.4, 2.0]];
// 使用fitBounds适配指定区域
myMap.fitBounds(ukBounds);

关键说明 #

• 初始化地图时不再调用setView，待瓦片图层加载后通过fitBounds设置视图范围
• ukBounds中的坐标是英国本土的西南极值点和东北极值点，能完整覆盖英国区域
• fitBounds会自动计算最优缩放级别与地图中心点，无需手动配置数值

内容的提问来源于stack exchange，提问作者Faraz Anwar