如何将图块层从 OpenStreetMap 更改为 Stamen

Question

我正在尝试将 Stamen 地图与 ngx-leaflet 一起使用。集成传单的文档是here。我不确定如何将它与 ngx-leaflet 集成。有没有办法在 ngx-leaflet 中获取传单 L 对象的引用？有没有更好的方法将图块从 openstreetmap 更改为 stamen？

Answer 1

你不需要添加外部库只需要提供正确的tilesurl:

options = {
    layers: [
      (L as any).tileLayer(
        "https://stamen-tiles-{s}.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.{ext}",
        {
          attribution:
            'Map tiles by <a href="http://stamen.com">Stamen Design</a>, <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> &mdash; Map data &copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
          subdomains: "abcd",
          minZoom: 0,
          maxZoom: 20,
          ext: "png"
        }
      )
    ],
    zoom: 5,
    center: L.latLng(46.879966, -121.726909)
  };

这是一个 demo，在叠加层中有多个可用的花蕊图块，您可以切换。

如何将图块层从 OpenStreetMap 更改为 Stamen

How do I change the tile layer from OpenStreetMap to Stamen

angular

typescript

leaflet

ngx-leaflet

stamen-maps