Question

我使用下面的html代码在我的WinForms应用程序中使用WebBrowser中的谷歌地图。

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <style>
      #map {
        height: 600px;
        width: 100%;
       }
    </style>
  </head>
  <body>
    <div id="map"></div>
    <script>
      var map;
      var prevLat = 0;
      var prevLon = 0;

      function initMap() {
        var centerPoint = {lat: 12.9716, lng: 77.5946};
        map = new google.maps.Map(document.getElementById('map'), {
          zoom: 15,
          center: centerPoint
        });
      }

      function AddPoint(latitude, longitude, heading, fixTypeColor, portNumber){

                if(prevLat == 0 && prevLon == 0)
                {               
                    var Coordinates = [
                    {lat: latitude, lng: longitude}
                    ];
                }
                else
                {
                    var Coordinates = [
                    {lat: prevLat, lng: prevLon},
                    {lat: latitude, lng: longitude}
                    ];
                }

                prevLat = latitude;
                prevLon = longitude;

                var newPoint = {lat: latitude, lng: longitude};

                var lineSymbol = {
                path: google.maps.SymbolPath.FORWARD_OPEN_ARROW,
                rotation: heading
                };

                var polyLine = new google.maps.Polyline({
                    map: map,
                    path: Coordinates,
                    icons: [{
                        icon: lineSymbol,
                        fixedRotation: true,
                        offset: '100%'
                    }],
                    geodesic: true,
                    strokeColor: fixTypeColor,
                    strokeOpacity: 1.0,
                    strokeWeight: 2
                    });

                map.panTo(newPoint);
          }

    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=my_key&callback=initMap">
    </script>
  </body>
</html>

启动WebBrowser时，我收到以下错误：

线：48 查尔：5 错误：'google'未定义代码：0

但是，对于此异常，单击“是”后，地图工作正常。

请帮我解决此异常。

P.S。我已在此处使用“my_key”替换了Google Maps JavaScript API密钥。

'google'在IE11中是未定义的错误

0 个答案: