Safari (iPhone) 上的必应地图。点击地图时键盘弹出

Question

我已使用 javascript 将 Bing 地图集成到网页中。 Bing 地图的简单集成。

我遇到了一个问题，当他们点击地图时，键盘会出现（在 iPhone 上）。如何阻止 BingMaps 弹出键盘？

谢谢， 哥们

Answer 1

有点晚了，但我刚刚遇到了这个问题并想出了解决方案：

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

要解决这个问题，只需添加以下 CSS：

#wl_ve_mapInput { display:none !important }

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

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