Google Mapsを作り手順
- scriptタグを使って、Map API JavaScriptを読み込みます。
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
- 地図を表示するためのdiv要素を作成する
<div id="map" style="height:100%;width:100%"></div>
- たくさんの地図プロパティの保持するためのJavascriptオブジェクト定数を作成する
function initilize(){
//location
var myLocation = new google.maps.LatLng(34.32322,113.323232);
//map option
var myOptions ={
zoom: 8,
center: myLocation,
mapTypeId: google.maps.MapTypeId.ROADMAP
//mapTypeId:google.maps.MapTypeId.SATELLITE
//mapTypeId: google.maps.MapTypeId.HYBRID
//mapTypeId: google.maps.MapTypeId.TERRAIN
}
}
- ”map”オブジェクトを作成するためのjavascript関数を書きます。
var map = new google.maps.Map(document.getElementById("map"), myOptions);
- bodyタグのonloadイベントで、地図オブジェクトを初期化します。
<body onload="initilize()">
......
</body>
No comments:
Post a Comment