Google Maps API v3でKMLをロードする(KMLLayer編)
Google Maps API v3でもKMLのロードがサポートされました。
参照:KMLLayer
簡単な使い方は下記の通りです。
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&hl=ja"></script>
<script type="text/javascript">
function initialize() {
var initPos = new google.maps.LatLng(35.127152, 138.910627);
var myOptions = {
noClear : true,
center : initPos,
zoom : 5,
mapTypeId : google.maps.MapTypeId.ROADMAP
};
var map_canvas = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var kmlUrl = "http://googlemaps.googlermania.com/uploads/kmlsample3.kml";
var kmlLayer = new google.maps.KmlLayer(kmlUrl);
kmlLayer.setMap(map_canvas);
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:500px"></div>
</body>
</html>




