« 「Google Maps」を自分のページに設置する(1) | Google Maps | 「Google Maps」の「デュアル」表示とは »

「Google Maps」を自分のページに設置(2):衛星画像切替コントロールを追加

自分のページに設置した「Google Maps」(1)に衛星画像の切替コントロールを追加しました。合わせて、最初に表示される地図をズームすると共に、スライダのズームコントロールを追加しました。

GoogleMapsサンプルページ(東京タワー中心):衛星画像切替付

googlemaps1.JPG

変更内容は、以下の通りです。

(1)HTMLの修正内容

// map.addControl(new GSmallMapControl());  <--初期コントロールをコメントアウト

map.addControl(new GLargeMapControl());   <--ズームスライダ付コントロール追加

map.addControl(new GMapTypeControl());    <--衛星画像切替コントロール追加

map.centerAndZoom(new GPoint(139.74538564682007, 35.658595126386274), 1); <--ズーム初期値を4から1に変更

(2)補足

・ズーム初期値は数字が小さい程、ズームされた状態になります。

・衛星画像切替コントロールで表示される「デュアル」の機能が判りません。押しても何も変化ありません。何なんでしょうか?

アーカイブ


全記事アーカイブ
Powered by Movable Type 7.9.6

2022年11月

    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30      

作者のサイト

作者プロフィール