Android Chrome下Mapbox GL JS容器宽超1650px时地图变形问题问询
Mapbox GL JS在Android Chrome中容器宽度超1650px时渲染变形问题
Mapbox GL JS地图在Windows和macOS的Chrome浏览器中显示正常,但在最新版Android Chrome里,当地图容器宽度超过1650px时会出现渲染变形。
环境与问题细节
- 环境:最新版Android Chrome浏览器
- Mapbox GL JS版本:3.0(其他版本也存在该问题)
- 预期效果:地图在各平台一致渲染,无变形
- 实际表现:Android Chrome中容器宽度>1650px时地图变形,截图说明:
- 正常渲染(宽度≤1650px):Android Chrome下宽度≤1650px时地图显示正常
- 变形渲染(宽度>1650px):Android Chrome下宽度超1650px时地图出现变形
- 可复现示例:已制作Codepen示例展示问题
已尝试的解决措施
- 确保Android设备上的Chrome浏览器为最新版本
- 排查可能影响渲染的CSS样式,未发现问题
- 该问题在多款Android设备及系统版本中均一致
疑问
- 是否有人遇到过Android Chrome上Mapbox GL JS类似的渲染问题?
- Mapbox GL JS是否存在已知兼容性问题导致此现象?
- 这是否与Android设备的分辨率或像素密度相关?
内容的提问来源于stack exchange,提问作者崔云磊
相关产品推荐
相关产品推荐

