MapboxGLJS是否支持WMS-T和/或TMS？

Question

MapboxGLJS是否支持WMS-T和/或TMS？

Rol*_*ndo 3 javascript mapbox-gl-js

我有一个想在mapboxgl地图上显示的WMST服务。以下是一个openlayers示例：https ://openlayers.org/en/latest/examples/wms-time.html

有MapBoxGLJS的示例吗？它也支持TMS吗？我找不到与此相关的任何文档或示例...不确定此文档记录不充分还是该功能不存在。

如果答案为否，那是可以接受的答案。

Answer 1

ann*_*neb 6

是的，您可以在mapbox-gl中同时使用WMS和tms。

mapbox-gl WMS支持有些尴尬，因为mapbox-gl始终使用分块源。因此，对于WMS，您必须将WMS数据检索为切片。如果需要WMS-Time，可以将＆time =参数添加到WMS请求中。

TMS看起来非常类似于Google，Bing，MapQuest，OpenStreetMap提供的事实上的标准图块集，但它们的Y因子为“倒置”。您可以通过添加选项：“ scheme”：“ tms”来告诉mapbox-gl它应以不同的方式处理y因子。

示例WMS来源：

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8' />
    <title></title>
    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.js'></script>
    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.css' rel='stylesheet' />
    <style>
        body { margin:0; padding:0; }
        #map { position:absolute; top:0; bottom:0; width:100%; }
    </style>
</head>
<body>

<div id='map'></div>
<script>
var map = new mapboxgl.Map({
    container: 'map', // container id
    style: {
        "version": 8,
        "sources": {
            "wms-tiles": {
                "type": "raster",
                "tiles": [
                "https://geodata1.nationaalgeoregister.nl/luchtfoto/wms?bbox={bbox-epsg-3857}&format=image/png&service=WMS&version=1.1.1&request=GetMap&srs=EPSG:3857&width=256&height=256&styles=default&layers=luchtfoto_jpeg"
                ],
                "tileSize": 256
            }
        },
        "layers": [{
            "id": "aerial-photo",
            "type": "raster",
            "source": "wms-tiles",
            "minzoom": 5,
            "maxzoom": 22
        }]
    },
    center: [5, 52.5], // starting position
    zoom: 10 // starting zoom
});
</script>

</body>
</html>

Run Code Online (Sandbox Code Playgroud)

对于TMS，您可以使用相同的设置，但是在源部分中设置“ scheme”：“ tms”：

"source": {
            type: 'vector',
            tiles:["http:/yourserver/geoserver/gwc/service/tms/1.0.0/yourendpoint/{z}/{x}/{y}.pbf"],
            "scheme": "tms",
            "minzoom": 13,
            "maxzoom": 19,
            "bounds": [3.38,50.73,7.2432,53.5455]
        },

Run Code Online (Sandbox Code Playgroud)

（请注意，如果您碰巧将geoserver用作tms矢量切片服务器，则geoserver应该使用512x512网格）

刚刚选中：“ scheme”：“ tms”也适用于栅格图块源。我不知道为什么官方文档中缺少它。 (4认同)

Answer 2

Ste*_*ett -2

Mapbox-GL-JS 甚至不支持常规 WMS，更不用说WMS Time了。如果您查看WMS 的示例，就会发现整个 URL 都是硬编码的。

Mapbox-GL-JS 不支持 TMS，它是一种围绕原始 OSM 图块服务约定的元数据包装器。Mapbox 的等效项是TileJSON。

归档时间：	8 年，5 月前
查看次数：	883 次
最近记录：	8 年，5 月前