Javascript 只在IE上加载嵌入式Google地图，但不在Mozilla Firefox和Google Chrome上加载
我已经实现了一个带有嵌入式地图的应用程序，它在IE上运行得非常好，但在Firefox和Google chrome上都不太好 实际上，应用程序应该连接到数据库，获取与某些发射机相关的数据，并根据经度和纬度值在地图上显示标记。IE上一切正常，但由于某些原因，地图没有显示在Firefox和Google chrome上。但是，当我查看所有这些浏览器的页面源代码时，它们看起来都很相似，所以我真的不明白哪里出了问题 我真的被困住了，如果你能帮助我，我将不胜感激 以下是JSP代码的一部分，其中包含从对象和显示标记检索数据的脚本：Javascript 只在IE上加载嵌入式Google地图，但不在Mozilla Firefox和Google Chrome上加载,javascript,google-maps,google-chrome,internet-explorer,firefox,Javascript,Google Maps,Google Chrome,Internet Explorer,Firefox,我已经实现了一个带有嵌入式地图的应用程序，它在IE上运行得非常好，但在Firefox和Google chrome上都不太好 实际上，应用程序应该连接到数据库，获取与某些发射机相关的数据，并根据经度和纬度值在地图上显示标记。IE上一切正常，但由于某些原因，地图没有显示在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>
仪表板（管理）
var-lat=[]；
var lng=[]；
var状态=[]；
var ipAddress=[]；
var高度=[]；
var currentPower=[]；
var-prn=[]；
var频率偏移=[]；
var连通性=[]；
var高度=[]；
var emergencyMessage=[]；
var nominalMessage=[]；
var-iliteId=[]；
var传输=[]；
var纬度_tmp=0；
var经度_tmp=0；
status.push（“${ilites.status}”）；
纬度_tmp=（parseFloat（${ilites.latitude}”）；
经度_tmp=（parseFloat（${ilites.longitude}”）；
横向推力（纬度×tmp）；
液化天然气推送（经度×tmp）；
iliteId.push（${ilites.iliteId}）；
push（${ilites.prn}）；
frequencyOffset.push（“${ilites.frequencyOffset}”）；
currentPower.push（“${ilites.currentPower}”）；
ipAddress.push（“${ilites.ipAddress}”）；
height.push（parseFloat（“${ilites.height}”）；
push（${ilite`在这里输入代码`s.connectivity}）；
emergencyMessage.push（“${ilites.emergencyMessage}”）；
nominalMessage.push（“${ilites.nominalMessage}”）；
transmission.push（“${ilites.transmission}”）；
//地图创建
var myCenter=new google.maps.LatLng（48.052562,11.653793）；
函数初始化（）
{
警报（状态[0]）；
var mapProp={
中心：迈森特，
缩放：18，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map1=new google.maps.Map（document.getElementById（“googleMap1”），mapProp）；
var标记=[]；
var latLng=[]；
/*var infowindow=[]*/
对于（i=0；i我在Chrome中看到一个javascript错误，发布代码uncaughttypeerror:status.push不是一个函数
status
不应根据
如果我将其更改为statusA
，我会看到一张地图
代码片段：
var lat=[]；
var lng=[]；
var statusA=[]；
var ipAddress=[]；
var高度=[]；
var currentPower=[]；
var-prn=[]；
var频率偏移=[]；
var连通性=[]；
var高度=[]；
var emergencyMessage=[]；
var nominalMessage=[]；
var-iliteId=[]；
var传输=[]；
var纬度_tmp=0；
var经度_tmp=0；
状态A.推送（“在线”）；
纬度_tmp=（48.052562）；
经度_tmp=（parseFloat（“11.653793”）；
横向推力（纬度×tmp）；
液化天然气推送（经度×tmp）；
我告诉你。推（“I_Lite1”）；
prn.push（“120”）；
频率偏移推送（“0”）；
电流功率推送（“-100”）；
ipAddress.push（“192.168.40.20”）；
高度.推力(234.0);；
连接。推送（“连接”）；
紧急消息推送（“随机”）；
nominalMessage.push（“随机”）；
变速器。按（“ON”）；
状态A.推送（“脱机”）；
纬度_tmp=（48.052662）；
经度_tmp=（parseFloat（“11.653893”）；
横向推力（纬度×tmp）；
液化天然气推送（经度×tmp）；
我告诉你。推（“我的权利”）；
prn.push（“128”）；
频率偏移推送（“0”）；
电流功率推送（“-100”）；
ipAddress.push（“192.168.40.12”）；
高度.推力(234.0);；
连接。推送（“连接”）；
紧急消息推送（“随机”）；
nominalMessage.push（“随机”）；
变速器。推（“关”）；
状态A.推送（“脱机”）；
纬度_tmp=（48.052862）；
经度_tmp=（parseFloat（“11.653693”）；
横向推力（纬度×tmp）；
液化天然气推送（经度×tmp）；
我告诉你。推（“I_Lite3”）；
prn.push（“128”）；
频率偏移推送（“0”）；
电流功率推送（“-154”）；
ipAddress.push（“192.168.40.14”）；
高度.推力(234.0);；
连接。推送（“连接”）；
紧急消息推送（“随机”）；
nominalMessage.push（“随机”）；
变速器。推（“关”）；
状态A.推送（“在线”）；
纬度_tmp=（48.052962）；
经度_tmp=（parseFloat（“11.653893”）；
横向推力（纬度×tmp）；
液化天然气推送（经度×tmp）；
我告诉你。推（“I_Lite4”）；
prn.push（“128”）；
频率偏移推送（“0”）；
电流功率推送（“-154”）；
ipAddress.push（“192.168.40.14”）；
高度.推力(234.0);；
连接。推送（“连接”）；
紧急消息推送（“随机”）；
nominalMessage.push（“随机”）；
变速器。按（“ON”）；
//地图创建
var myCenter=newgoogle.maps.LatLng（48.052562,11.653793）；
函数初始化（）{
var mapProp={
中心：迈森特，
缩放：18，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map1=new google.maps.Map（document.getElementById（“googleMap1”），mapProp）；
var标记=[]；
var latLng=[]；
/*var infowindow=[]*/
对于（i=0；i<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>