繁体   English   中英

谷歌地图需要很长时间才能在ie11中渲染

Google maps taking a long time to render in ie11

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

随附的HTML在Chrome和Mozzilla浏览器中可以非常快速地呈现。 如果我尝试在IE11中加载它,则会遇到一些超时错误,并且30秒后,地图最终呈现出来。

我已经尝试了IE11中的各种设置,但是没有运气。 当我在调试器模式下使用开发人员工具运行时。 我在以下函数中收到错误InvalidValueError:not a string 3次

function wf(a,b){return function(c){if(a(c))return c;throw qf(b||""+c);}}function xf(a){var b=arguments;return function(a){for(var d=[],e=0,f=b[H];e<f;++e){var g=b[e];try{(g.Ff||g)(a)}catch(h){if(!(h instanceof pf))throw h;d[F](h.message);continue}return(g.then||g)(a)}throw qf(d[rd]("; and "));}}function yf(a,b){return function(c){return b(a(c))}}function zf(a){return function(b){return null==b?b:a(b)}}function Af(a){return function(b){if(b&&null!=b[a])return b;throw qf("no "+a+" property");}}

在按F5继续三倍后,MAP最终呈现。

这是HTML。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
 Copyright 2010 Google Inc. 
 Licensed under the Apache License, Version 2.0: 
 http://www.apache.org/licenses/LICENSE-2.0 
 -->
<!-- saved from url=(0016)http://localhost -->
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
<title>Google Maps JavaScript API v3 Example: Optimized Directions</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  var directionDisplay;
  var directionsService = new google.maps.DirectionsService();
  var map;
  var origin = " 1837 N. Kinser Pike, Bloomington, IN 47404 ";
  var destination = " 520 W NORTHLANE DR, BLOOMINGTON IN 47404 ";
  var waypoints = [];
  var markers = [];
  var directionsVisible = false;

  function initialize() {
    directionsDisplay = new google.maps.DirectionsRenderer();
    var store = new google.maps.LatLng(35.930251, -86.824265);
    var myOptions = {
      zoom:14,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      center: store,
      panControl: true,
      zoomControl: true,
      scaleControl: true
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    directionsDisplay.setMap(map);
    directionsDisplay.setPanel(document.getElementById("directionsPanel"));
    calcRoute();
  }

  function addMarker(latlng) {
    markers.push(new google.maps.Marker({
      position: latlng, 
      map: map,
      icon: "http://maps.google.com/mapfiles/marker" + String.fromCharCode(markers.length + 65) + ".png"
    }));    
  }

  function calcRoute() {
    if (origin == null) {
      alert("Click on the map to add a start point");
      return;
    }

    if (destination == null) {
      alert("Click on the map to add an end point");
      return;
    }

    var request = {
        origin: origin,
        destination: destination,
        waypoints: waypoints,
        travelMode: google.maps.DirectionsTravelMode.DRIVING,
        optimizeWaypoints: true,
        avoidHighways: true,
        avoidTolls: true
    };
    directionsService.route(request, function(directionsresult, status) {
      if (status == google.maps.DirectionsStatus.OK) {
        directionsDisplay.setDirections(directionsresult);
      } 
    });
    directionsVisible = true;
  }

  function updateMode() {
    if (directionsVisible) {
      calcRoute();
    }
  }

  function printTextDirections() {
    for (var i = 0; i < directionsresult.routes.length; i++) {
      for (var j = 0; j < directionsresult[i].legs.length; j++) {
        alert(directionsresult.routes[i].legs[j]);
      }
    }
  }

</script>
</head>
<body onload="initialize()" style="font-family: sans-serif;">
   <div id='map_canvas' style='width: 65%; height: 580px; float:left; border: 1px solid black;'></div>  
   <div id='directionsPanel' style='width: 30%; height:580px; float:right; border; 1px solid black;'></div>
</body>
</html>
1 个回复

我在3.19中指定了Google地图版本,问题已解决。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.19"></script>

由于没有指定版本,因此我正在获取实验版本。

2 谷歌地图无法正常运行IE11

我刚刚注意到Google Maps在IE 11无法使用,但在Chrome和Firefox 。 有什么明显的我忽略了使其起作用的东西吗? 您可以在此处检查实时版本: 链接 HTML ...

3 IE11谷歌地图错误

好的,所以我在IE11中有这个奇怪的错误。 我正在使用ng-map(基本上是角度js的Google地图),在此地图上有标记。 每当我单击标记时,我都会滚动到页面的某些部分,并且在所有浏览器上都可以正常使用,但是IE-。 关键是页面总是跳回到地图的开头。 我注意到该页面专注于gmnop ...

4 Highcharts 渲染在 IE11 中花费了大量时间

我正在尝试使用 highcharts 将数据渲染到图表上。 我有 100 多个图表要渲染,每个图表有 3 到 4 个带有 30 个数据点的系列线。当我渲染前 2 3 个图表时,它花费的时间更少,但从第 4 或第 5 个图表开始,它需要很多时间渲染到图表上不知道为什么。 但是在 chrome 中花费的 ...

7 无法在Safari 8,IE11中加载Google Maps API v3

我有以下代码来加载Google地图。 它适用于大多数浏览器,但不适用于IE11和Safari8。相反,我只是获得了容器的背景色。 我认为这与未调用该函数有关,因为如果我向脚本添加警报,它也会忽略该警报。 该警报在加载地图的浏览器上有效。 仅供参考-php来自WP插件高级自定义字段 ...

8 IE11中的Google Maps显示“未指定的错误”

在其中一位客户的网站上使用自定义Google地图时,出现一个非常奇怪的错误。 地图上有一些标记,当您打开标记时,您会看到一个对话框,其中包含该位置的地址。 当我在IE11中关闭此对话框(显然是通过单击十字)时,出现“未指定错误”。 由于某种原因,该错误从方法“ getBoundingCli ...

10 Google地图导航控件在IE11中失真/扭动

这个问题与我在这里问过的另一个问题有很大的关系 : Google Maps API v3.19在Internet Explorer Quirks模式中断开 。 在试图找到针对该问题的修复程序时, Pointy建议进行更改,这为我提供了一个可用的地图,但该建议引发了左上角的Google地图导航控 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM