0
此代码必须初始化标记与谷歌地图API。 但是当我尝试在浏览器中打开它时页面变成白色(不起作用)。 我无法理解问题... 我的所有资源都已连接。谷歌地图的错误(与创建标记)
Map.jsp:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>dsf</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
$.ajax({
type: "POST",
url: "http://localhost:1600/jsp/datasend.jsp",
data: "",
async: false,
success: function(msg){
window.obj = $.parseJSON(msg);
}
});
</script>
<div id="map"></div>
<script>
var marks = [];
window.total_count = obj.length;
for(var i=0; i<total_count; i++){
marks[i] = [Number(obj[i]['gps'][0]),Number(obj[i]['gps'][1])];
}
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
center: {lat: marks[0][0], lng:marks[0][1]}
});
setMarkers(map);
}
//alert(total_count);
function setMarkers(map) {
for(var i=0; i<total_count; i++){
var image = 'http://localhost:1601/graphic/marker.svg'; //+ obj[i]['marker'] + '.svg';
var marker = new google.maps.Marker({
position: {lat: marks[i][0], lng: marks[i][1]},
map: map,
icon: image
});
}
}
</script>
<script async true src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDxJe0GV6Oquvs4I8yZpEQdC7BZ-X5YXCs&signed_in=true&callback=initMap"></script>
</body>
</html>
datasend的反应看起来像{"data":{"id":[ 1 ]}{"latitude":[ 56.55557 ]}{"longitude":[ 53.678789 ]}{"distancefortb":[ d ]}}
这有什么错我的代码?
您是否找到任何解决方案? –