如何将特定国家/地区的地图加载到 OpenStreetMap 中?

Question

我想加载国家特定的地图(比如 https://openstreetmap.in(。我正在使用以下代码片段，但它从 https://www.openstreetmap.org 加载地图：

layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
]

任何人都可以告诉我如何加载特定国家的地图吗？

Answer 1

您需要创建自定义切片层，即所谓的 OSM 层或 XYZ 层。OpenLayer 示例本地化的 OpenStreetMap 和 XYZ 解释了如何指定自定义磁贴源。

openstreetmap.in 的切片服务器 URLhttps://{a-c}.tiles.mapbox.com/v4/openstreetmap.1b68f018/{z}/{x}/{y}@2x.png?access_token=pk.eyJ1IjoiamluYWxmb2ZsaWEiLCJhIjoiY2psejFtZG8wMWhnMjNwcGFqdTNjaGF2MCJ9.ZQVAZAw8Xtg4H2YSuG4PlA。

然后，您的代码应大致如下所示：

var osmIndia = new TileLayer({
source: new OSM({
attributions: [
'© <a href="https://www.mapbox.com/">mapbox</a> and <a href="https://www.openstreetmap.org/">OpenStreetMap</a>'
],
url: 'https://{a-c}.tiles.mapbox.com/v4/openstreetmap.1b68f018/{z}/{x}/{y}@2x.png?access_token=pk.eyJ1IjoiamluYWxmb2ZsaWEiLCJhIjoiY2psejFtZG8wMWhnMjNwcGFqdTNjaGF2MCJ9.ZQVAZAw8Xtg4H2YSuG4PlA'
})
});
[...]
layers: [
osmIndia
]