マップ初期表示の地図種類を変更する

スポンサードリンク

Posted by 管理人 on 2010年5月14日 Leave a comment (0) Go to comments

◆Google Maps APIで地図に初期表示させるマップの種類を変えてみる。 scrptの記述を変更するだけ

標準：

map.setCenter(new GLatLng(36.350527, 138.076172), 6, G_NORMAL_MAP);

航空写真：

map.setCenter(new GLatLng(36.350527, 138.076172), 6, G_SATELLITE_MAP);

航空写真＋地図：

map.setCenter(new GLatLng(36.350527, 138.076172), 6, G_HYBRID_MAP);

地形：

map.setCenter(new GLatLng(36.350527, 138.076172), 6, G_PHYSICAL_MAP);

Earth：

map.setCenter(new GLatLng(36.350527, 138.076172), 6, G_SATELLITE_3D_MAP);

◆記述 1）Head文

<head> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /> <meta http-equiv=”Content-Style-Type” content=”text/css” /> <meta http-equiv=”Content-Script-Type” content=”text/javascript” /> <title></title> <script src=”http://maps.google.com/maps?file=api&v=2&key=あなたのキー” type=”text/javascript” charset=”utf-8″></script> ・・・・地図表示 <script src=”http://www.google.com/uds/api?file=uds.js&v=1.0&key=あなたのキー” type=”text/javascript” charset=”utf-8″></script>検索API用 <script src=”http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js” type=”text/javascript”></script> <link href=”http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css” rel=”stylesheet” type=”text/css” /> <link href=”http://www.google.com/uds/css/gsearch.css” rel=”stylesheet” type=”text/css” /> <link rel=”stylesheet” href=”layout-5-master.css” type=”text/css” /> </head>

2）BODY文

<body onload=”initialize()” onunload=”GUnload()”>

3）HTML

<div id=”map100″>Loading…</div>

4）SCRIPT文

<script type=”text/javascript”>

function initialize() {

if (GBrowserIsCompatible()) {

var map100 = new GMap2(document.getElementById(“map100″));

map100.setCenter(new GLatLng(35.65862, 139.74541), 9, G_NORMAL_MAP);

}

}

</script>

◆サンプル