OpenLayers中能否在EPSG:4326投影的地图上渲染EPSG:3857矢量瓦片？

核心结论 #

目前OpenLayers原生不支持在EPSG:4326投影的地图上直接渲染EPSG:3857矢量瓦片集，且官方没有相关功能的开发规划。

原因说明 #

矢量瓦片的重投影需要处理复杂的矢量裁剪逻辑，曲线要素裁剪还会引入显示瑕疵，即使EPSG:3857和EPSG:4326互呈正方形映射关系，添加二者的重投影支持也会大幅提升库的复杂度，因此官方不会支持该特性。

实现错位的原因 #

你当前的代码直接将EPSG:3857的瓦片坐标套用到EPSG:4326的瓦片网格下请求，二者的瓦片分割规则完全不同，仅在z=0层级时全球均为单张瓦片，所以显示正常，放大层级后瓦片边界、坐标映射完全不匹配，自然会出现图层错位问题。

可行替代方案 #

• 优先选择EPSG:4326格式的矢量瓦片源，是目前最稳定、性能最优的方案，可完全兼容map.getFeaturesAtPixel等OpenLayers原生API，无额外转换开销。
• 若必须使用EPSG:3857矢量瓦片源，可将地图整体投影切换为EPSG:3857，所有图层统一在该投影下渲染，若业务需要EPSG:4326格式坐标，仅需对获取到的坐标做单次转换即可，该方案性能损耗极低，也能兼容所有原生API。
• 若必须保留地图为EPSG:4326投影且必须使用EPSG:3857矢量瓦片，可在tileLoadFunction中对解析得到的每个要素坐标逐个做投影转换，转为EPSG:4326坐标后再加入瓦片，但该方案需要自行处理瓦片边界裁剪问题，跨瓦片要素会出现断裂、重复的问题，性能损耗也非常高，仅适合小范围低层级的小众场景使用。

内容的提问来源于stack exchange，提问作者Matthias