如何从源获取相同的坐标.XYZ 和源.矢量图块

Question

我的地图有两个图层，一个是 XYZ 切片图层，另一个是矢量切片图层。 让我感到困惑的是，这两个图层的格式化URL填充了不同的x，y，z参数，我怎样才能使它们相同。 代码如下：

const map = new Map({
target: 'map',
layers: [
new TileLayer({
title: "Google Satellite",
source: new XYZ({ url: 'http://mt1.google.cn/vt/lyrs=s&hl=pl&&x={x}&y={y}&z={z}' }),
}),
new VectorTileLayer({
style:styleFunction,
source: new VectorTileSource({
url: 'http://localhost/features?x={x}&y={y}&z={z}',
format: new GeoJSON({
featureProjection:"EPSG:4326",
extractStyles: false,
}),
minZoom: 13,
maxZoom: 13,
}),
}),
],
view: new View({
projection: 'EPSG:4326',
center: [130.78267,16.065669],
minZoom:13,
zoom: 13
})

}(;

Answer 1

正确的视图投影如下并最终工作

view: new View({
center: transform([130.78267,16.065669],'EPSG:4326','EPSG:3857'),
minZoom:13,
zoom: 13
})