You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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设备及系统版本中均一致

疑问

  1. 是否有人遇到过Android Chrome上Mapbox GL JS类似的渲染问题?
  2. Mapbox GL JS是否存在已知兼容性问题导致此现象?
  3. 这是否与Android设备的分辨率或像素密度相关?

内容的提问来源于stack exchange,提问作者崔云磊

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.04 16:33:12