传单人道主义层

Question

在Leaflet中如何使用人道主义层而不是OpenStreetMap的标准层？默认图层是标准。这些层之间存在细微差别。

Answer 1

很容易像这样添加基础层：

var mymap = L.map('map').setView([<your Lat>, <your Lng>], 13);
L.TileLayer("http://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png",
{
attribution:"© OpenStreetMap Contributors. Tiles courtesy of Humanitarian 
OpenStreetMap Team",
maxZoom: 20   
}).addTo(mymap);

Answer 2

使用此URL：

var url = 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png';

Answer 3

重要的一点是，在定义 TileLayer 的部分中，链接和属性必须相关。

  const tiles = new L.TileLayer(
    "http://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png",
        {
        attribution:"© OpenStreetMap Contributors. Tiles courtesy of 
        Humanitarian OpenStreetMap Team",
        maxZoom:10
        });
        tiles.addTo(this.map);

this.map 是我的地图元素。