CHAPTER 03
CHAPTER 03 Google Maps API(Google Mapsを自分のページに設置‥ 65
03-01 Google Maps設置までの流れ‥‥‥‥‥‥‥‥‥66
03-02 サンプルHTMLコードの基本構成‥‥‥‥‥‥‥‥70
03-03 Google Mapsの動作ブラウザと対処方法‥‥‥72
03-03-01 GBrowserLsCompatible()関数‥‥‥‥‥‥‥‥‥‥‥‥‥‥72
・実例(1):動作しないブラウザの場合、別のページへ移動‥‥‥‥‥‥‥72
・実例(2):動作しないブラウザの場合、ダイアログを表示‥‥‥‥‥‥‥73
・実例(3):動作しないブラウザの場合、mapDIVにメッセージを書き出す‥‥73
03-04 XHTML、VML ‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥74
03-05 座標を指定する(基本サンプル)‥‥‥‥‥‥‥‥‥‥75
03-05-01 座標と倍率を指定する‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥75
03-05-02 世界測地系と日本測地系‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥76
03-05-03 度分秒表記と百分率表記‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥77
03-06 地図をアニメーション移動する‥‥‥‥‥‥‥‥‥‥78
03-06-01 一点から一点へ移動する‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥78
03-06-02 連続して移動する‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥79
03-07 地図にコントロールを追加する‥‥‥‥‥‥‥‥‥‥81
03-08 イベント処理を追加する‥‥‥‥‥‥‥‥‥‥‥‥‥‥83
03-09 情報ウィンドウを表示する‥‥‥‥‥‥‥‥‥‥‥‥85
・文字をHTMLで渡す‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥86
おまけ ・文字をHTMLで渡す(iframeでスクロール)
おまけ ・文字をHTMLで渡す(style='overflow:scroll'でスクロール)
03-10 地図にレイヤーを重ねる(1)(線分を表示)‥‥‥‥‥87
03-11 地図にレイヤーを重ねる(2)(アイコンを表示)‥‥89
03-12 地図にレイヤーを重ねる(3)(マーカーを表示)‥‥91
03-13 マーカークリックで情報ウィンドウを表示する‥‥93
おまけ ・複数の情報ウインドウ付きマーカーをセットする
03-14 情報ウィンドウに画像などを表示する‥‥‥‥‥‥95
03-15 ドラッグなどで移動しても中心を指すアイコン‥‥97
03-16 クリックでマーカーを表示・非表示する‥‥‥‥‥99
03-17 自作アイコンの応用‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥101
03-18 XMLで座標を読み込む‥‥‥‥‥‥‥‥‥‥‥‥‥‥103
03-19 CSVで座標を読み込む‥‥‥‥‥‥‥‥‥‥‥‥‥‥105
03-20 JSONで座標を読み込む‥‥‥‥‥‥‥‥‥‥‥‥‥106
03-21 Ajaxな通信で座標を連続して読み込む‥‥‥‥107
03-22 GPS携帯の位置を表示する‥‥‥‥‥‥‥‥‥‥‥109
おまけ GPS携帯の位置を最新10件表示する
03-23 GPS携帯のドライブルートを表示する‥‥‥‥112
03-24 ドライブルートをアニメーション表示する‥‥116
03-25 2画面連動で表示する(広域と詳細)‥‥‥‥‥‥‥120
03-26 2画面連動で表示する(地図と衛星写真)‥‥‥‥‥122
03-27 都道府県庁をSELECT選択で地図表示する‥‥124
03-28 情報ウィンドウにマーカー付近の地図を表示する‥‥‥129
・マーカークリックで周辺の広域衛星写真をウィンドウに表示‥‥129
・マーカークリックで《キャプション》をウィンドウに表示‥‥‥‥130
03-29 XSLTを利用してデータを表示する‥‥‥‥‥‥131
03-30 DoCoMo携帯のiエリアをポリライン表示する‥‥‥‥135
03-31 付録:経度・緯度を調べる(地図作成作業補助サンプル)‥‥‥139