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

Javascript MapboxGLJS是否支持WMS-T和/或TMS?,javascript,mapbox-gl-js,Javascript,Mapbox Gl Js,我想在mapboxgl地图上显示WMST服务。 以下是openlayers示例: 是否有MapBoxGLJS的示例?它也支持TMS吗? 我找不到这方面的任何文档或示例。。。我不确定这是否有很好的文档记录,或者该功能不存在 如果答案是否定的,这是一个可以接受的答案。Mapbox GL JS甚至不支持常规WMS,更不用说了。如果您查看,整个URL都是硬编码的 Mapbox GL JS不支持TMS,TMS是一种围绕原始OSM磁贴服务约定的元数据包装器。Mapbox的等价物是。是的,您可以在Mapbox

我想在mapboxgl地图上显示WMST服务。 以下是openlayers示例:

是否有MapBoxGLJS的示例?它也支持TMS吗? 我找不到这方面的任何文档或示例。。。我不确定这是否有很好的文档记录,或者该功能不存在


如果答案是否定的,这是一个可以接受的答案。

Mapbox GL JS甚至不支持常规WMS,更不用说了。如果您查看,整个URL都是硬编码的


Mapbox GL JS不支持TMS,TMS是一种围绕原始OSM磁贴服务约定的元数据包装器。Mapbox的等价物是。

是的,您可以在Mapbox gl中同时使用WMS和tms

mapbox gl WMS支持有些尴尬,因为mapbox gl始终使用平铺源。因此,对于WMS,您必须以分片的形式检索WMS数据。如果需要WMS时间,可以将&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>

(请注意,如果您碰巧使用geoserver作为tms矢量磁贴服务器,geoserver应该使用512x512网格)

Ha,有趣的是,我的答案是“Mapbox不支持WMS”,而您的答案是“这是使用Mapbox实现WMS的方法”,我想我们都是对的。:)那里真的支持
方案吗?这不是官方的。它也适用于光栅源吗?我在中看到它(以及
边界
)。嗯……刚刚选中:“方案”:“tms”也适用于光栅图源。我不知道为什么它在官方文档中丢失了。嗨,我已经尝试过这个例子,但是得到这个错误请帮助我。错误:evented.js:109错误:Actor.receive的错误(Actor.js:81)。谢谢
"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]
        },