件名: Google地図の追加
記事No 665
投稿日 : 2014/11/01(Sat) 11:34:21
投稿者 マーシー
参照先 http://park16.wakwak.com/~marsie/nagano.htm
 << 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
   ■ルート軌跡
   ■アイコン情報 //になる

関連スレッド

返信フォーム
おなまえ
eメール
タイトル
メッセージ
参照先
画像UP
暗証キー (英数字で8文字以内)
投稿キー (右画像の数字を入力) 投稿キー

- WebForum -