javascript - 嵌入式 Google map 仅在 IE 上加载，但在 Mozilla Firefox 和 Google Chrome 上均不加载

标签 javascript google-maps google-chrome internet-explorer firefox

我实现了一个带有嵌入式 map 的应用程序，该应用程序在 IE 上运行良好，但在 Firefox 和 Google Chrome 上都运行不佳。

实际上，应用程序应该连接到数据库，获取与某些发射器相关的数据，并根据经度和纬度值在 map 上显示标记。在 IE 上一切正常，但由于某些原因， map 在 Firefox 和 Google Chrome 上不显示。但是当我查看所有这些浏览器的页面源代码时，它们看起来都很相似，所以我真的不明白出了什么问题。

我真的很困难，如果你能帮助我，我将非常感激!!

下面是 JSP 代码的一部分，其中包含从对象检索数据并显示标记的脚本:

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page session="true"%>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <meta http-equiv="refresh" content="30"> -->
<title>Dashboard (Admin)</title>

<!--  google maps API  -->
<script src="http://maps.googleapis.com/maps/api/js"> </script>

<!-- JQuery Validation Plugin -->
<script type="text/javascript"  src="<c:url value="/bootstrap/js/configurationUpdate.js"/>"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>


<!-- Bootstrap core javaScript -->
<script type="text/javascript"  src="<c:url value="/bootstrap/js/munich.js"/>"></script>

<!-- Bootstrap core CSS -->
<link href="<c:url value="/bootstrap/css/bootstrap.min.css" />" rel="stylesheet">
<link href="<c:url value="/bootstrap/css/dashboard.css"/>"  rel="stylesheet">
<link   href="<c:url value="/bootstrap/css/bootstrap-datetimepicker.css"/>" rel="stylesheet">

<script type="text/javascript"  src="<c:url value="/bootstrap/js/jquery-2.1.1.min.js"/>"></script>
<script type="text/javascript"
src="<c:url value="/bootstrap/js/munich.js"/>"></script>
<script src="<c:url value="/bootstrap/js/highstock.js"/>"></script>
<script src="<c:url value="/bootstrap/js/exporting.js"/>"></script>

<script type="text/javascript">
var lat = [];
var lng = [];
var status = [];
var ipAddress = [];
var height = [];
var currentPower = [];
var prn = [];
var frequencyOffset = [];
var connectivity = [];
var height = [];
var emergencyMessage = [];
var nominalMessage = [];
var iliteId = [];
var transmission = [];
var latitude_tmp = 0;
var longitude_tmp = 0;

<c:forEach items="${iLiteList}" var="ilites" varStatus="status"> 
    status.push("${ilites.status}");
    latitude_tmp = (parseFloat("${ilites.latitude}"));
    longitude_tmp = (parseFloat("${ilites.longitude}")); 
    lat.push(latitude_tmp);
    lng.push(longitude_tmp); 
    iliteId.push("${ilites.iliteId}");
    prn.push("${ilites.prn}");
    frequencyOffset.push("${ilites.frequencyOffset}");
    currentPower.push("${ilites.currentPower}");
    ipAddress.push("${ilites.ipAddress}");
    height.push(parseFloat("${ilites.height}"));
    connectivity.push("${ilite`enter code here`s.connectivity}");
    emergencyMessage.push("${ilites.emergencyMessage}");
    nominalMessage.push("${ilites.nominalMessage}");
    transmission.push("${ilites.transmission}");
</c:forEach> 

// Map creation 
 var myCenter=new google.maps.LatLng(48.052562,11.653793); 

 function initialize()
{
     alert(status[0]);

     var mapProp = {
         center:myCenter,
         zoom:18,
        mapTypeId:google.maps.MapTypeId.ROADMAP
        };

     var map1=new google.maps.Map(document.getElementById("googleMap1"),mapProp); 
        var marker = [] ;
        var latLng = []; 
        /* var infowindow = []; */

        for(i = 0; i<lat.length; i ++){
            latLng [i] = new google.maps.LatLng(lat[i],lng[i]);
        }

        for (i = 0; i<lat.length; i ++){

            marker[i]=new google.maps.Marker({
                position:latLng [i],
                map: map1,

                });  

        if((transmission[i]).localeCompare("ON") == 0){
             marker[i].setIcon('http://maps.google.com/mapfiles/ms/icons/green-dot.png'); 
        }else{
             marker[i].setIcon('http://maps.google.com/mapfiles/ms/icons/red-dot.png'); 
        } 

        marker[i].setMap(map1);

        google.maps.event.addListener(marker[i], 'click', (function(i) {
                return function() {
                     document.getElementById("latitude").value = lat[i];
                     document.getElementById("iLiteID").value = iliteId[i];
                     document.getElementById("status").value = status[i];
                     document.getElementById("ipAddress").value = ipAddress[i];
                     document.getElementById("longitude").value = lng[i];
                     document.getElementById("currentPower").value = currentPower[i];
                     document.getElementById("connectivity").value = connectivity[i];
                     document.getElementById("height").value = height[i];
                     document.getElementById("emergencyMessage").value = emergencyMessage[i];
                     document.getElementById("nominalMessage").value = nominalMessage[i];
                     document.getElementById("prn").value = prn[i];
                     document.getElementById("frequencyOffset").value = frequencyOffset[i];

                     if ((transmission[i]).localeCompare("ON") == 0) {
                             document.getElementById("transmission1").checked = true;

                     } else {
                             document.getElementById("transmission2").checked = true;   
                     }
                     }}(i)));   
                 }               
             }
     google.maps.event.addDomListener(window, 'load', initialize);
    </script>
</head>
<body>
........
<div class="row" id="googleMap1" style="width: 100%; height: 50%; margin-left: 3px;" > </div>
........
</body>
</html>

各浏览器的页面源码(脚本部分)如下:

IE:

<script type="text/javascript">
var lat = [];
var lng = [];
var status = [];
var ipAddress = [];
var height = [];
var currentPower = [];
var prn = [];
var frequencyOffset = [];
var connectivity = [];
var height = [];
var emergencyMessage = [];
var nominalMessage = [];
var iliteId = [];
var transmission = [];
var latitude_tmp = 0;
var longitude_tmp = 0;


    status.push("online");
    latitude_tmp = (parseFloat("48.052562"));
    longitude_tmp = (parseFloat("11.653793"));      
    lat.push(latitude_tmp);
    lng.push(longitude_tmp); 
    iliteId.push("I_Lite1");
    prn.push("120");
    frequencyOffset.push("0");
    currentPower.push("-100");
    ipAddress.push("192.168.40.20");
    height.push(parseFloat("234.0"));
    connectivity.push("connected");
    emergencyMessage.push("random");
    nominalMessage.push("random");
    transmission.push("ON");

    status.push("offline");
    latitude_tmp = (parseFloat("48.052662"));
    longitude_tmp = (parseFloat("11.653893"));      
    lat.push(latitude_tmp);
    lng.push(longitude_tmp); 
    iliteId.push("I_Lite2");
    prn.push("128");
    frequencyOffset.push("0");
    currentPower.push("-100");
    ipAddress.push("192.168.40.12");
    height.push(parseFloat("234.0"));
    connectivity.push("connected");
    emergencyMessage.push("random");
    nominalMessage.push("random");
    transmission.push("OFF");

    status.push("offline");
    latitude_tmp = (parseFloat("48.052862"));
    longitude_tmp = (parseFloat("11.653693"));      
    lat.push(latitude_tmp);
    lng.push(longitude_tmp); 
    iliteId.push("I_Lite3");
    prn.push("128");
    frequencyOffset.push("0");
    currentPower.push("-154");
    ipAddress.push("192.168.40.14");
    height.push(parseFloat("234.0"));
    connectivity.push("connected");
    emergencyMessage.push("random");
    nominalMessage.push("random");
    transmission.push("OFF");

    status.push("online");
    latitude_tmp = (parseFloat("48.052962"));
    longitude_tmp = (parseFloat("11.653893"));      
    lat.push(latitude_tmp);
    lng.push(longitude_tmp); 
    iliteId.push("I_Lite4");
    prn.push("128");
    frequencyOffset.push("0");
    currentPower.push("-154");
    ipAddress.push("192.168.40.14");
    height.push(parseFloat("234.0"));
    connectivity.push("connected");
    emergencyMessage.push("random");
    nominalMessage.push("random");
    transmission.push("ON");


// Map creation 
 var myCenter=new google.maps.LatLng(48.052562,11.653793); 
 function initialize()
{
     alert(status[0]); 
     var mapProp = {
         center:myCenter,
         zoom:18,
        mapTypeId:google.maps.MapTypeId.ROADMAP
        };

     var map1=new google.maps.Map(document.getElementById("googleMap1"),mapProp); 
        var marker = [] ;
        var latLng = []; 
        /* var infowindow = []; */

        for(i = 0; i<lat.length; i ++){
            latLng [i] = new google.maps.LatLng(lat[i],lng[i]);
        }

        for (i = 0; i<lat.length; i ++){

            marker[i]=new google.maps.Marker({
                position:latLng [i],
                map: map1,

                });  

        if((transmission[i]).localeCompare("ON") == 0){
             marker[i].setIcon('http://maps.google.com/mapfiles/ms/icons/green-dot.png'); 
        }else{
             marker[i].setIcon('http://maps.google.com/mapfiles/ms/icons/red-dot.png'); 
        } 

        marker[i].setMap(map1);

        google.maps.event.addListener(marker[i], 'click', (function(i) {
                return function() {
                     document.getElementById("latitude").value = lat[i];
                     document.getElementById("iLiteID").value = iliteId[i];
                     document.getElementById("status").value = status[i];
                     document.getElementById("ipAddress").value = ipAddress[i];
                     document.getElementById("longitude").value = lng[i];
                     document.getElementById("currentPower").value = currentPower[i];
                     document.getElementById("connectivity").value = connectivity[i];
                     document.getElementById("height").value = height[i];
                     document.getElementById("emergencyMessage").value = emergencyMessage[i];
                     document.getElementById("nominalMessage").value = nominalMessage[i];
                     document.getElementById("prn").value = prn[i];
                     document.getElementById("frequencyOffset").value = frequencyOffset[i];

                     if ((transmission[i]).localeCompare("ON") == 0) {
                             document.getElementById("transmission1").checked = true;

                     } else {
                             document.getElementById("transmission2").checked = true;

                     }

                     }}(i)));   
                 }                   
            }
     google.maps.event.addDomListener(window, 'load', initialize);
    </script>

火狐浏览器:

<script type="text/javascript">
var lat = [];
var lng = [];
var status = [];
var ipAddress = [];
var height = [];
var currentPower = [];
var prn = [];
var frequencyOffset = [];
var connectivity = [];
var height = [];
var emergencyMessage = [];
var nominalMessage = [];
var iliteId = [];
var transmission = [];
var latitude_tmp = 0;
var longitude_tmp = 0;


    status.push("online");
    latitude_tmp = (parseFloat("48.052562"));
    longitude_tmp = (parseFloat("11.653793"));      
    lat.push(latitude_tmp);
    lng.push(longitude_tmp); 
    iliteId.push("I_Lite1");
    prn.push("120");
    frequencyOffset.push("0");
    currentPower.push("-100");
    ipAddress.push("192.168.40.20");
    height.push(parseFloat("234.0"));
    connectivity.push("connected");
    emergencyMessage.push("random");
    nominalMessage.push("random");
    transmission.push("ON");

    status.push("offline");
    latitude_tmp = (parseFloat("48.052662"));
    longitude_tmp = (parseFloat("11.653893"));      
    lat.push(latitude_tmp);
    lng.push(longitude_tmp); 
    iliteId.push("I_Lite2");
    prn.push("128");
    frequencyOffset.push("0");
    currentPower.push("-100");
    ipAddress.push("192.168.40.12");
    height.push(parseFloat("234.0"));
    connectivity.push("connected");
    emergencyMessage.push("random");
    nominalMessage.push("random");
    transmission.push("OFF");

    status.push("offline");
    latitude_tmp = (parseFloat("48.052862"));
    longitude_tmp = (parseFloat("11.653693"));      
    lat.push(latitude_tmp);
    lng.push(longitude_tmp); 
    iliteId.push("I_Lite3");
    prn.push("128");
    frequencyOffset.push("0");
    currentPower.push("-154");
    ipAddress.push("192.168.40.14");
    height.push(parseFloat("234.0"));
    connectivity.push("connected");
    emergencyMessage.push("random");
    nominalMessage.push("random");
    transmission.push("OFF");

    status.push("online");
    latitude_tmp = (parseFloat("48.052962"));
    longitude_tmp = (parseFloat("11.653893"));      
    lat.push(latitude_tmp);
    lng.push(longitude_tmp); 
    iliteId.push("I_Lite4");
    prn.push("128");
    frequencyOffset.push("0");
    currentPower.push("-154");
    ipAddress.push("192.168.40.14");
    height.push(parseFloat("234.0"));
    connectivity.push("connected");
    emergencyMessage.push("random");
    nominalMessage.push("random");
    transmission.push("ON");


// Map creation 
 var myCenter=new google.maps.LatLng(48.052562,11.653793); 
 function initialize()
{
     alert(status[0]); 
     var mapProp = {
         center:myCenter,
         zoom:18,
        mapTypeId:google.maps.MapTypeId.ROADMAP
        };

     var map1=new google.maps.Map(document.getElementById("googleMap1"),mapProp); 
        var marker = [] ;
        var latLng = []; 
        /* var infowindow = []; */

        for(i = 0; i<lat.length; i ++){
            latLng [i] = new google.maps.LatLng(lat[i],lng[i]);
        }

        for (i = 0; i<lat.length; i ++){

            marker[i]=new google.maps.Marker({
                position:latLng [i],
                map: map1,

                });  

        if((transmission[i]).localeCompare("ON") == 0){
             marker[i].setIcon('http://maps.google.com/mapfiles/ms/icons/green-dot.png'); 
        }else{
             marker[i].setIcon('http://maps.google.com/mapfiles/ms/icons/red-dot.png'); 
        } 

        marker[i].setMap(map1);

        google.maps.event.addListener(marker[i], 'click', (function(i) {
                return function() {
                     document.getElementById("latitude").value = lat[i];
                     document.getElementById("iLiteID").value = iliteId[i];
                     document.getElementById("status").value = status[i];
                     document.getElementById("ipAddress").value = ipAddress[i];
                     document.getElementById("longitude").value = lng[i];
                     document.getElementById("currentPower").value = currentPower[i];
                     document.getElementById("connectivity").value = connectivity[i];
                     document.getElementById("height").value = height[i];
                     document.getElementById("emergencyMessage").value = emergencyMessage[i];
                     document.getElementById("nominalMessage").value = nominalMessage[i];
                     document.getElementById("prn").value = prn[i];
                     document.getElementById("frequencyOffset").value = frequencyOffset[i];

                     if ((transmission[i]).localeCompare("ON") == 0) {
                             document.getElementById("transmission1").checked = true;

                     } else {
                             document.getElementById("transmission2").checked = true;

                     }

                     }}(i)));   
                 }                   
            }
     google.maps.event.addDomListener(window, 'load', initialize);
    </script>

谷歌浏览器:

<script type="text/javascript">
var lat = [];
var lng = [];
var status = [];
var ipAddress = [];
var height = [];
var currentPower = [];
var prn = [];
var frequencyOffset = [];
var connectivity = [];
var height = [];
var emergencyMessage = [];
var nominalMessage = [];
var iliteId = [];
var transmission = [];
var latitude_tmp = 0;
var longitude_tmp = 0;


    status.push("online");
    latitude_tmp = (parseFloat("48.052562"));
    longitude_tmp = (parseFloat("11.653793"));      
    lat.push(latitude_tmp);
    lng.push(longitude_tmp); 
    iliteId.push("I_Lite1");
    prn.push("120");
    frequencyOffset.push("0");
    currentPower.push("-100");
    ipAddress.push("192.168.40.20");
    height.push(parseFloat("234.0"));
    connectivity.push("connected");
    emergencyMessage.push("random");
    nominalMessage.push("random");
    transmission.push("ON");

    status.push("offline");
    latitude_tmp = (parseFloat("48.052662"));
    longitude_tmp = (parseFloat("11.653893"));      
    lat.push(latitude_tmp);
    lng.push(longitude_tmp); 
    iliteId.push("I_Lite2");
    prn.push("128");
    frequencyOffset.push("0");
    currentPower.push("-100");
    ipAddress.push("192.168.40.12");
    height.push(parseFloat("234.0"));
    connectivity.push("connected");
    emergencyMessage.push("random");
    nominalMessage.push("random");
    transmission.push("OFF");

    status.push("offline");
    latitude_tmp = (parseFloat("48.052862"));
    longitude_tmp = (parseFloat("11.653693"));      
    lat.push(latitude_tmp);
    lng.push(longitude_tmp); 
    iliteId.push("I_Lite3");
    prn.push("128");
    frequencyOffset.push("0");
    currentPower.push("-154");
    ipAddress.push("192.168.40.14");
    height.push(parseFloat("234.0"));
    connectivity.push("connected");
    emergencyMessage.push("random");
    nominalMessage.push("random");
    transmission.push("OFF");

    status.push("online");
    latitude_tmp = (parseFloat("48.052962"));
    longitude_tmp = (parseFloat("11.653893"));      
    lat.push(latitude_tmp);
    lng.push(longitude_tmp); 
    iliteId.push("I_Lite4");
    prn.push("128");
    frequencyOffset.push("0");
    currentPower.push("-154");
    ipAddress.push("192.168.40.14");
    height.push(parseFloat("234.0"));
    connectivity.push("connected");
    emergencyMessage.push("random");
    nominalMessage.push("random");
    transmission.push("ON");


alert(status[0]);


// Map creation 
 var myCenter=new google.maps.LatLng(48.052562,11.653793); 
 function initialize()
{
     alert(status[0]); 
     var mapProp = {
         center:myCenter,
         zoom:18,
        mapTypeId:google.maps.MapTypeId.ROADMAP
        };

     var map1=new google.maps.Map(document.getElementById("googleMap1"),mapProp); 
        var marker = [] ;
        var latLng = []; 
        /* var infowindow = []; */

        for(i = 0; i<lat.length; i ++){
            latLng [i] = new google.maps.LatLng(lat[i],lng[i]);
        }

        for (i = 0; i<lat.length; i ++){

            marker[i]=new google.maps.Marker({
                position:latLng [i],
                map: map1,

                });  

        if((transmission[i]).localeCompare("ON") == 0){
             marker[i].setIcon('http://maps.google.com/mapfiles/ms/icons/green-dot.png'); 
        }else{
             marker[i].setIcon('http://maps.google.com/mapfiles/ms/icons/red-dot.png'); 
        } 

        marker[i].setMap(map1);

        google.maps.event.addListener(marker[i], 'click', (function(i) {
                return function() {
                     document.getElementById("latitude").value = lat[i];
                     document.getElementById("iLiteID").value = iliteId[i];
                     document.getElementById("status").value = status[i];
                     document.getElementById("ipAddress").value = ipAddress[i];
                     document.getElementById("longitude").value = lng[i];
                     document.getElementById("currentPower").value = currentPower[i];
                     document.getElementById("connectivity").value = connectivity[i];
                     document.getElementById("height").value = height[i];
                     document.getElementById("emergencyMessage").value = emergencyMessage[i];
                     document.getElementById("nominalMessage").value = nominalMessage[i];
                     document.getElementById("prn").value = prn[i];
                     document.getElementById("frequencyOffset").value = frequencyOffset[i];

                     if ((transmission[i]).localeCompare("ON") == 0) {
                             document.getElementById("transmission1").checked = true;

                     } else {
                             document.getElementById("transmission2").checked = true;

                     }

                     }}(i)));   
                 }                   
            }
     google.maps.event.addDomListener(window, 'load', initialize);
    </script>

最佳答案

我在 Chrome 中看到一个 JavaScript 错误，其中包含已发布的代码 Uncaught TypeError: status.push is not a function

根据 this list

status 不应用作变量名称

如果我将其更改为 statusA，我会看到一张 map 。

proof of concept fiddle

代码片段:

var lat = [];
var lng = [];
var statusA = [];
var ipAddress = [];
var height = [];
var currentPower = [];
var prn = [];
var frequencyOffset = [];
var connectivity = [];
var height = [];
var emergencyMessage = [];
var nominalMessage = [];
var iliteId = [];
var transmission = [];
var latitude_tmp = 0;
var longitude_tmp = 0;


statusA.push("online");
latitude_tmp = (parseFloat("48.052562"));
longitude_tmp = (parseFloat("11.653793"));
lat.push(latitude_tmp);
lng.push(longitude_tmp);
iliteId.push("I_Lite1");
prn.push("120");
frequencyOffset.push("0");
currentPower.push("-100");
ipAddress.push("192.168.40.20");
height.push(parseFloat("234.0"));
connectivity.push("connected");
emergencyMessage.push("random");
nominalMessage.push("random");
transmission.push("ON");

statusA.push("offline");
latitude_tmp = (parseFloat("48.052662"));
longitude_tmp = (parseFloat("11.653893"));
lat.push(latitude_tmp);
lng.push(longitude_tmp);
iliteId.push("I_Lite2");
prn.push("128");
frequencyOffset.push("0");
currentPower.push("-100");
ipAddress.push("192.168.40.12");
height.push(parseFloat("234.0"));
connectivity.push("connected");
emergencyMessage.push("random");
nominalMessage.push("random");
transmission.push("OFF");

statusA.push("offline");
latitude_tmp = (parseFloat("48.052862"));
longitude_tmp = (parseFloat("11.653693"));
lat.push(latitude_tmp);
lng.push(longitude_tmp);
iliteId.push("I_Lite3");
prn.push("128");
frequencyOffset.push("0");
currentPower.push("-154");
ipAddress.push("192.168.40.14");
height.push(parseFloat("234.0"));
connectivity.push("connected");
emergencyMessage.push("random");
nominalMessage.push("random");
transmission.push("OFF");

statusA.push("online");
latitude_tmp = (parseFloat("48.052962"));
longitude_tmp = (parseFloat("11.653893"));
lat.push(latitude_tmp);
lng.push(longitude_tmp);
iliteId.push("I_Lite4");
prn.push("128");
frequencyOffset.push("0");
currentPower.push("-154");
ipAddress.push("192.168.40.14");
height.push(parseFloat("234.0"));
connectivity.push("connected");
emergencyMessage.push("random");
nominalMessage.push("random");
transmission.push("ON");

// Map creation 
var myCenter = new google.maps.LatLng(48.052562, 11.653793);

function initialize() {
  var mapProp = {
    center: myCenter,
    zoom: 18,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  var map1 = new google.maps.Map(document.getElementById("googleMap1"), mapProp);
  var marker = [];
  var latLng = [];
  /* var infowindow = []; */

  for (i = 0; i < lat.length; i++) {
    latLng[i] = new google.maps.LatLng(lat[i], lng[i]);
  }

  for (i = 0; i < lat.length; i++) {

    marker[i] = new google.maps.Marker({
      position: latLng[i],
      map: map1,

    });

    if ((transmission[i]).localeCompare("ON") == 0) {
      marker[i].setIcon('http://maps.google.com/mapfiles/ms/icons/green-dot.png');
    } else {
      marker[i].setIcon('http://maps.google.com/mapfiles/ms/icons/red-dot.png');
    }

    marker[i].setMap(map1);

    google.maps.event.addListener(marker[i], 'click', (function(i) {
      return function() {
        document.getElementById("latitude").value = lat[i];
        document.getElementById("iLiteID").value = iliteId[i];
        document.getElementById("status").value = status[i];
        document.getElementById("ipAddress").value = ipAddress[i];
        document.getElementById("longitude").value = lng[i];
        document.getElementById("currentPower").value = currentPower[i];
        document.getElementById("connectivity").value = connectivity[i];
        document.getElementById("height").value = height[i];
        document.getElementById("emergencyMessage").value = emergencyMessage[i];
        document.getElementById("nominalMessage").value = nominalMessage[i];
        document.getElementById("prn").value = prn[i];
        document.getElementById("frequencyOffset").value = frequencyOffset[i];

        if ((transmission[i]).localeCompare("ON") == 0) {
          document.getElementById("transmission1").checked = true;

        } else {
          document.getElementById("transmission2").checked = true;

        }

      }
    }(i)));
  }
}
google.maps.event.addDomListener(window, 'load', initialize);
html,
body,
#googleMap1 {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}
<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="googleMap1"></div>

关于javascript - 嵌入式 Google map 仅在 IE 上加载，但在 Mozilla Firefox 和 Google Chrome 上均不加载，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35870824/

上一篇：javascript - 在 Firebase 中的 ng-click 中使用多个 $add 是否可以

下一篇：javascript - GeckoFX 的 WebRTC SDP 解析错误

相关文章：

javascript - 在 d3.js 中使用 csv 文件代替 json 文件

javascript - 获取 $(this) 的类名

ios - GMSMapStyle 未解析的标识符

javascript - 使用 Knockout JS 删除数组中的重复名称

javascript - JS : window. 滚动(x，y)指向另一个框架在 Chrome 中不起作用

javascript - 滚动的在线帖子

postgresql - 如何在谷歌地图上绘制 Postgis Shortest_path 线？

php - 在 Chrome 中调试以查找创建特定 HTML 的 PHP 文件

angular - CORS - 从 Angular 调用 Tomcat 上的休息服务

javascript - 将水平 html 表转换为垂直

©2024 IT工具网  联系我们