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

时间:2019-04-02 13:25:18

标签: angular leaflet ngx-leaflet stamen-maps

我正在尝试将雄蕊地图与ngx-leaflet一起使用。集成传单的文档为here。我不确定如何将其与ngx-leaflet集成。有没有办法引用ngx-leaflet中的L对象传单?是否有更好的方法将磁贴从openstreetmap更改为雄蕊?

1 个答案:

答案 0 :(得分:1)

您无需添加外部库,只需提供正确的图块网址即可:

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,在您可以切换的覆盖层中有几个雄蕊可用的瓷砖。