如何解决移动网站上的地图缩放和页面缩放冲突
How to resolve map zoom and page zoom conflict on mobile website?
我有一个网站在谷歌地图上显示混搭。当我尝试在移动 Web 浏览器上放大地图时,在大多数情况下,页面会获得缩放。是否有一种 HTML、CSS 或 javascript 方法可以防止页面在手指触摸地图时缩放?
我尝试了<meta name='viewport' content='user-scalable=no'>
,但这也会阻止地图缩放。
这可以通过使用手势事件来完成。您可以调用 touchstart 事件,然后调用
e.originalEvent.preventDefault(); //if you are using JQuery
这会阻止您的页面放大。
相关文章:
- 单击超链接时,如何使用Google Maps API v3缩放地图
- 动态设置谷歌地图缩放
- 如何缩放地图框传单中的标记单击事件
- 从结果集中自动设置谷歌地图缩放
- 谷歌地图 v3 缩放特定位置
- 使用缩放javascript触发谷歌地图点击事件
- jquery ui地图设置缩放级别
- 如何重新启用禁用的谷歌地图v3拖放、缩放等
- “打开街道地图”的长线在高缩放级别下消失
- 如何将“厚实”(粗粒度)缩放级别与传单地图一起使用
- 谷歌地图漏洞?显示的标记会根据缩放级别而更改
- 谷歌地图API:当信息窗口关闭时,地图缩放回中心
- D3缩放和平移不适用于整个地图,只适用于投影
- angularjs超过最大缩放后的谷歌地图缩放地图
- 鼠标滚轮缩放地图-DataMaps.js
- 谷歌地图标记双击缩放地图
- 传单缩放地图层
- 我能用&;z&;缩放地图吗?和“;a"在Openlayers3
- 必应地图,如何缩放地图
- 开放图层 3:缩放地图到数组中的坐标