「KMLのウェブサイトから地図を表示する」という基本的なコードを作成しようとしていますが、不透明なエラーが発生します。誰かが以下のコードを見て、初心者のエラーがあるかどうか教えてくれることを望んでいました。
誤動作は、実行すると、KMLでエンコードされたすべてのポインターが表示されるのではなく、マップが完全にズームイン(0,0)になることです。それが指す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>