透明的vectortiles

时间:2018-03-24 18:30:30

标签: leaflet mapbox vector-tiles

背景

我正在玩mapbox并上传了一个shapefile,我从中创建了一个矢量tileset。我将tileset加载到mapxbox studio中以创建自定义样式。我的目标是仅显示没有背景层的矢量tileset。我之所以这样做是因为我想稍后通过传单将tileset覆盖在另一个栅格tileset上。在mapbox studio中,如下所示 - 您可以看到彩色矢量和周围的透明区域:

enter image description here

问题:

当我尝试通过传单可视化两个tileset时,我无法看到第一个tileset。相反,我看到我的彩色矢量与黑色背景: enter image description here

我有可能使tileset背景透明吗?因此,矢量不再被黑色背景包围,而是被底层的栅格图块集包围?

以下是我正在使用的一些代码段:

<div id='map'>
</div>

<script>
  var sat  = L.tileLayer('https://api.mapbox.com/styles/v1/xxx/xxx/tiles/256/{z}/{x}/{y}?access_token=xxx', {
    attribution: 'Raster tile set'
});


var clc = L.tileLayer('https://api.mapbox.com/styles/v1/xxx/xxx/tiles/256/{z}/{x}/{y}?access_token=xxx', {
    attribution: 'Transparent vector tile set'
});

 var map = L.map('map', {
        center: [48.2, 16.37],
        zoom: 10,
        layers: [sat, clc]
    });
</script>

0 个答案:

没有答案