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