javascript - Safari (iPhone) 上的 Bing map 。单击 map 时键盘会弹出

Question

我已使用 JavaScript 将 Bing map 集成到网页中。 Bing map 的简单集成。

我遇到一个问题，当他们点击 map 时，键盘就会出现(在 iPhone 上)。如何阻止 BingMaps 弹出键盘？

谢谢，戈布

Answer 1

有点晚了，但我刚刚遇到这个问题并找到了解决方案:

Bing map 允许使用键盘快捷键(即您可以键入 R、A 或 H 分别切换到道路 View 、鸟瞰图或混合 View )。为此，他们似乎添加了一个嵌套在渲染 map 的 div 内的透明输入字段。因此，在 iOS 设备上，点击 map 会导致键盘出现，因为它认为用户正在文本字段中输入内容.

要解决此问题，只需添加以下 CSS:

#wl_ve_mapInput { display:none !important }

这将隐藏文本字段并阻止 iOS 键盘在点击 map 时出现。 Android 设备上也会出现此问题。

注意:
显然，您将无法再使用键盘快捷键。一种可能的方法是添加一些代码，以便仅在移动浏览器或 iOS 设备上添加 CSS。这很容易弄清楚，但这不属于原始问题的范围。