必应地图触摸响应以在移动设备上映射图钉

Question

我创建了一个 Bing 地图工具来查看外州的高中和比赛。该实现在桌面上完美运行。您可以点击地图图钉，您会看到学校信息或比赛信息。

但是，我今天注意到在我的 iPhone 上，地图图钉没有响应，即信息框没有打开。我在 Chrome 中以响应模式尝试过，我得到了同样的结果。

我在一个上使用标准地图图钉，在另一个上使用 FontAwesome 地图图钉，但两者都没有响应。我错过了什么？

https://www.mshsaa.org/Activities/ClassAndDistrictAssignments.aspx?alg=3&class=1

https://www.mshsaa.org/Activities/Scoreboard.aspx?alg=3&view=map

Answer 1

好吧，我想通了。我想我没有提供足够的细节。

事实证明，我已将信息框的显示和隐藏绑定到鼠标悬停和鼠标悬停。我为“click”事件添加了绑定，这似乎工作正常。我确实还需要明确隐藏所有以前打开的框，但这很容易做到：

Microsoft.Maps.Events.addHandler(thisPin, 'click', function () { $(".Infobox").parent().hide(); /* This hides the other open Infoboxes */ infobox.setOptions({ visible: true }) });