如何使用有声调查矢量瓷砖与反应传单？

Question

我不确定是否正确的语法来添加地形测量矢量瓷砖到一个反应传单应用程序。

https://labs.os.uk/public/os-data-hub-examples/os-vector-tile-api/vts-3857-basic-map上的示例代码从Mapbox加载一些向量块库：

<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v1.13.1/mapbox-gl.js"></script>
<script src="https://unpkg.com/mapbox-gl-leaflet/leaflet-mapbox-gl.js"></script>

然后使用此JavaScript语法加载OS向量块：

// Load and display vector tile layer on the map.
var gl = L.mapboxGL({
    style: 'https://api.os.uk/maps/vector/v1/vts/resources/styles?key=' + apiKey,
    transformRequest: url => {
        return {
            url: url += '&srs=3857'
        }
    }
});

(我已经在独立演示中验证了我的OS密钥是否有效。)

如何实现等效的使用反应和传单？

我正在使用反应-传单为我的React应用程序添加传单功能，并且尝试添加反应-传单-矢量-瓷砖层 --我已经验证了这对于Mapbox提供的矢量平铺层是有效的：

<VectorTileLayer
  styleUrl="mapbox://styles/my-org/my-style"
  accessToken="my-key"
/>

我也试图将这种方法用于地形测量矢量平铺层，但它不起作用，因为我可能有语法错误：

<VectorTileLayer
  styleUrl="https://api.os.uk/maps/vector/v1/vts/resources/styles?key=my-key"
/>

没有显示错误消息，但地图上没有显示OS矢量平铺层。在开发人员控制台中，我可以看到一个PBF文件已经下载，但它没有在地图上绘制。这可能是因为我在他们的例子中遗漏了transformRequest函数吗？假设它是必需的，我如何在使用react-leaflet-vector-tile-layer时添加此转换请求

​

​

Answer 1

答案来自，反应传单矢量-瓷砖层库的开发人员。我需要使用以下语法添加transformRequest参数：

<VectorTileLayer
  styleUrl="https://api.os.uk/maps/vector/v1/vts/resources/styles?key=my-key"
  transformRequest={url => { return { url: url += '&srs=3857' }}}
/>