使用 Cordova Windows 10 托管应用程序在地图上捏以缩放缩放整个页面问题？

【问题标题】：Pinch to Zoom on Map Zooms whole page issue with Cordova Windows 10 Hosted App?使用 Cordova Windows 10 托管应用程序在地图上捏以缩放缩放整个页面问题？
【发布时间】：2016-09-15 13:10:55
【问题描述】：

我创建了 Windows 10 Cordova 托管应用程序，我的应用程序的主要功能之一是地图。但是我面临一个主要问题，问题是，当我尝试缩放地图时，会缩放整个页面。地图缩放控件对我来说工作正常，鼠标缩放控件也工作正常。

【问题讨论】：

您能否发布一些代码以显示您当前尝试过的内容。也许还有一些屏幕截图可以显示您遇到了哪些意外行为。
@ElvisXia-MSFT 感谢您的快速回复。我找到了这个问题的解决方案，请检查我的答案。

标签： javascript cordova google-maps visual-studio-2015 visual-studio-cordova

【解决方案1】：

我已经找到了这个问题的解决方案。 Edge 是 Windows 10 的默认浏览器。但是，Edge 浏览器不知道“-ms-touch-action”，但知道“touch-action”。所以在我的 CSS 文件中添加“touch-action: none”解决了这个问题。

下面是我的代码

Map.html 文件

<div class="map-container"> </div>

CSS文件

.map-container {
      overflow: hidden;
      touch-action:none; //
     -ms-touch-action: none;
}

IE 11 两者都知道，但 Edge 只是其中之一。

【讨论】：