Javascript IE11中谷歌地图导航控件扭曲/摆动_Javascript_Google Maps_Internet Explorer

Javascript IE11中谷歌地图导航控件扭曲/摆动

javascript google-maps internet-explorer

Javascript IE11中谷歌地图导航控件扭曲/摆动,javascript,google-maps,internet-explorer,Javascript,Google Maps,Internet Explorer,这个问题与我在这里提出的另一个问题有着松散的联系：。在试图找到解决该问题的方法时，我提出了一个改变，这给了我一个可用的地图，但是这个建议提出了另一个问题，即左上角的谷歌地图导航控件。当我在IE11中拖动地图时，导航控件“摆动”，看起来很奇怪。这个问题也发生在之前的（冻结的）谷歌地图3.18版上，因此这似乎是另一个问题，而不是我提到的另一个问题，因此我提出这个问题的原因是它自己的问题本页演示IE11中的问题。Chrome和Firefox工作正常： <!DOCTYPE html> &l

这个问题与我在这里提出的另一个问题有着松散的联系：。在试图找到解决该问题的方法时，我提出了一个改变，这给了我一个可用的地图，但是这个建议提出了另一个问题，即左上角的谷歌地图导航控件。当我在IE11中拖动地图时，导航控件“摆动”，看起来很奇怪。这个问题也发生在之前的（冻结的）谷歌地图3.18版上，因此这似乎是另一个问题，而不是我提到的另一个问题，因此我提出这个问题的原因是它自己的问题

本页演示IE11中的问题。Chrome和Firefox工作正常：

<!DOCTYPE html>
<head>
    <title>Google Maps Test Page</title>
</head>
<body style="margin:0; padding:0">
    <script src='http://maps.googleapis.com/maps/api/js?v=3.18' type='text/javascript'></script>
    <script type='text/javascript'>
    function initialize() {
            top.google.maps.visualRefresh=true;
            var mapOptions = {
                zoom: 13,
                center: new google.maps.LatLng(51.5072, 0.1275),
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                scaleControl: true,
                overviewMapControl: true
            };
            this._map = new google.maps.Map(document.getElementById('myMap'), mapOptions);  
        }
    google.maps.event.addDomListener(window, 'load', initialize);
</script>

<div id="myMap" style="width:500px;height:500px;position:relative;"></div>
</body>
</html>


谷歌地图测试页面
函数初始化（）{
top.google.maps.visualRefresh=true；
变量映射选项={
缩放：13，
中心：新google.maps.LatLng（51.5072,0.1275），
mapTypeId:google.maps.mapTypeId.ROADMAP，
scaleControl：对，
概览映射控件：true
};
这个._map=new google.maps.map（document.getElementById（'myMap'），mapOptions）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

我还没有能够在任何其他版本的Internet Explorer中测试这一点，但问题在IE11中非常明显。有人知道如何克服这个显示问题吗

不久前，我也遇到了这个问题，在各种论坛上进行了大量搜索之后，我发现以下样式更改解决了这个问题，至少在我的情况下是这样的：

<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>


var doc=document.documentElement；
doc.setAttribute（'data-useragent'，navigator.useragent）；
html[data useragent*='Trident/7.0']div[title^=“Zoom”]
{
不透明度：0！重要；
}
html[data useragent*='Trident/7.0']div[title^=“Pan”]
{
不透明度：0！重要；
}

试一试，看看它是否有帮助，我希望它有帮助，我现在非常清楚这造成了多少痛苦，花了多少时间来找到一个有效的解决方案

哇，真奇怪。它确实在Maps v3.18和v3.19中修复了它。太好了，谢谢。