Leaflet.js 全屏 API 在 Webkit 中不起作用

Posted

技术标签:

【中文标题】Leaflet.js 全屏 API 在 Webkit 中不起作用【英文标题】:Leaflet.js Fullscreen API not working in Webkit 【发布时间】:2013-07-02 07:55:15 【问题描述】:

在站点http://www.bikemap.net/en/ 上工作时,我想解决有关地图全屏模式的问题。单击按钮时,会导致 webkit 浏览器中出现全黑屏。在 Firefox 中正常工作。 有没有人遇到过类似的问题?

【问题讨论】:

【参考方案1】:

我遇到了同样的问题。我花了好几天才弄清楚问题出在哪里。就我而言,<div> 我想让全屏帽子具有以下 CSS 集:

#mydiv 
    width: auto !important;

如果您将宽度设置为自动,WebKit 会在全屏模式下使其宽度为 0 像素!我删除了auto,现在一切正常!

希望这会有所帮助, 安东

【讨论】:

以上是关于Leaflet.js 全屏 API 在 Webkit 中不起作用的主要内容,如果未能解决你的问题,请参考以下文章

如何在 iframe 中使用 Leaflet.js 中的地图

空白地图图块 - 错误 410 消失(Mapbox 和 Leaflet JS)

Leaflet.js 地图不占用全宽 [React.js]

Leaflet.js - 在地图视图上拟合 geoJSON 坐标

Leaflet.js 将地图集中在一组标记上

Leaflet.js 中未显示自定义 Mapbox 瓦片集