angular - 如何将平铺层从 OpenStreetMap 更改为 Stamen

Question

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

Answer 1

哟不需要添加外部库只需提供正确的瓷砖 url：

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)
  };

这是一个演示，您可以在叠加层中切换几个可用的花蕊图块。