欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

在 mapbox url 中处理 xyz

最编程 2024-04-01 12:31:55
...

栅格图片时:raster  

 1:x,y,z如果栅格图片访问源有xyz,会自动处理切割, 当有多个x,y,z时,默认只会识别一个xyz,此时map有一个属性  transformRequest  ,可以对url 作出处理

   window.map = new window.SFMap.Map({
                container: this.id,
                minZoom: minZoom,
                maxZoom: maxZoom,
                style: style,
                center: center,
                zoom: zoom,
                hash: false,
                maxTileCacheSize: 32768,
                fadeDuration: 0,
                transformRequest: (url, resourceType) => {
                   
                        if (resourceType === 'Tile' && url.startsWith('https://obs-tilemap.obs.cn-north-4.myhuaweicloud.com')) {
                           
                            let urlArr=url.split("/")
                            // urlArr[urlArr.length-3]=this.getDate();
                          urlArr[urlArr.length-1]=  urlArr[urlArr.length-1].replace('{z}', urlArr[urlArr.length-2]);
                        return {
                            url: urlArr.join("/"),
                            headers: {"Accept": "image/webp,image/apng,image/*,*/*;q=0.8"},
                            //credentials: 'include' // Include cookies for cross-origin requests
                        }
                        }
                        }
            })

推荐阅读