我正在尝试编写一个基本的“从 KML 显示地图”网站,但遇到了不透明的失败。我希望有人可以看看下面的代码,并告诉我是否有任何新手错误。
故障是当我运行它时,地图完全放大到 (0,0),而不是显示我在 KML 中编码的所有指针。它指向的 KML应该是有效的。它在一段时间前工作,我不确定我改变了什么,如果有的话。它非常基于 Google 示例。
为这个问题的一般性道歉 - 我真的才刚刚开始。提前谢谢了。
标记
<html>
<head>
<meta name="viewport" content="initial-scale=0.5, user-scalable=yes" />
<meta http-equiv="refresh" content="1800">
<style type="text/css">
html { height: 100% }
body { height: 100%; width: 500px; margin: 0px auto; text-align:center; padding: 0 }
map_canvas { height: 65% }
</style>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAQylgnaeGmmExmZio2e2zixSRHOaWUj2I&sensor=false">
</script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(55, 2);
var myOptions = {
zoom: 6,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var trip_layer = new google.maps.KmlLayer('http://mc711.user.srcf.net/vacation/trip.1339139845.kml');
trip_layer.setMap(map);
}
</script>
</head>
<body onload="initialize()">
<div id="Notes" style="width: 75%; font-size:48; font-family:sans-serif; text-align:center; margin:0px auto;">Mark's location</div>
<div id="map_canvas" style="width: 100%; height: 480px;"></div>
</body>
</html>