谷歌地图平移控制在IE 11上无序

Question

我在我的应用程序中使用Google Maps API v3。地图平移控件在IE 10和IE 11上无法正常显示。

。

它在Chrome，Mozilla和IE8，IE9上运行良好。我无法找到解决问题的方法。

在Stackoverflow上的

，这里发布了一个类似的问题：Google Maps zoom control

但不是解决方案不是应用程序。当然，这是CSS问题，但我无法解决它。我已经检查了IE开发人员工具中的任何css类覆盖，但没有运气。

有没有人遇到类似的问题，或者有人对此有任何解决方案？

编辑：基本地图在我的IE 11版本中也是无序的。！[在此输入图像描述] - 阿尼尔

Answer 1

好吧，正如@geocodezip建议的那样，直到今天它仍然存在于谷歌地图API中，最好的解决办法就是使用css。

在页面上使用以下css：

.gmnoprint div[title^="Pan"]
 {
        filter:alpha(opacity=0)!important;
 }

希望它能帮助他人并节省时间。

-Anil

Answer 2

我刚将样式添加到我的CSS中，然后修复

.gmnoprint div[title^="Pan"] {
  opacity: 0 !important;
}

Answer 3

非英语本地化的重要补充： 您必须使用不是“Pan”的样式，而是特定于您的语言环境的文本。例如，俄语本地化 - “Пан”。 将鼠标悬停在平移控制按钮上并查看弹出提示。在风格中使用它的前3个字母。

Answer 4

FWIW - 我发现上面的CSS还不够，因为我们接下来得到“+”用于放大/缩小街景。我做了一些修改......关掉除了我们不想隐藏的标题项之外的所有标题项。

.gmnoprint div[title]
{
    opacity: 0 !important;
}
.gmnoprint div[title^="Exit Street View"]
{
    opacity: inherit !important;
}

Answer 5

我认识的派对晚了，但是当我遇到这个问题时，我使用谷歌地图V3为我的应用程序实现了以下修复程序，我知道这与我们已经发布的内容类似，但以防万一它有助于我知道这些问题是多么令人沮丧！

<script>
        var doc = document.documentElement;
        doc.setAttribute('data-useragent', navigator.userAgent);
    </script>
    <style type="text/css">
    html[data-useragent*='Trident/7.0'] div[title^="Zoom"]
     {
            opacity: 0 !important;
     }
     html[data-useragent*='Trident/7.0'] div[title^="Pan"]
     {
            opacity: 0 !important;
     }
    </style>