【问题标题】:Pinch to zoom on mapboxgl zooms in entire chrome window. How to prevent this?捏放大 mapboxgl 放大整个 chrome 窗口。如何防止这种情况?
【发布时间】:2017-04-25 16:37:36
【问题描述】:

我在我的网站内使用 mapboxgl 作为映射。当用户尝试在触摸屏上用两根手指放大时,地图会放大,但随后整个网站也会放大。如果用户使用两根手指在地图上放大,我该如何做到这一点,它不会放大整个网页?

【问题讨论】:

  • 你有这方面的例子吗?在哪个设备上?你所描述的不正常。
  • 个人电脑、微软 Surface Book。屏幕的 1/4 是 mapboxgl 地图,但被 divs/bootstrap 模板包围。
  • 运行哪个浏览器? - IE 边缘?
  • 最新的谷歌浏览器。

标签: javascript html mapbox-gl-js


【解决方案1】:

在为 windows10 kiosk 开发 mapbox 应用程序时,我遇到了同样的问题。这可以修复我为 mapbox 容器 div 指定 touch-action 为 none 的问题。

#map{
    touch-action:none;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-03-09
    • 1970-01-01
    • 2011-12-06
    • 1970-01-01
    • 1970-01-01
    • 2011-06-10
    • 2014-03-24
    • 1970-01-01
    相关资源
    最近更新 更多