あにねこ電脳覚書 - サポート掲示板

　＜＜　BaseLayerにGoogleの地図を追加する方法　＞＞

1)　<title>ルート地図</title>の次に挿入する

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

2) 国土地理院地図を定義した後に、Google地図を定義する。

var gmap_t = new OpenLayers.Layer.Google("Google地形地図", {
type: google.maps.MapTypeId.TERRAIN,numZoomLevels:16
});
var gmap_s = new OpenLayers.Layer.Google("Google航空写真", {
type: google.maps.MapTypeId.SATELLITE,numZoomLevels:22
});
//この他に「「ROADMAP」 市街地図を表示（numZoomLevels:20）と次の地図がある
//「HYBRID」航空写真上に主要な道路の透明なレイヤを表示（numZoomLevels:22）

3) BaseLayerに地図を追加する。

map.addLayers([std, pale, gmap_t, gmap_s]);　//最左がデフォルトになる

4)　地図スイッチ切替の”＋”を押すと
Base Layer
　　　◎標準地図
　　　○淡色地図
　　　○Google地形地図
　　　○Google航空写真
　　 Overlayes
　　　■ルート軌跡
　　　■アイコン情報　//になる