|
ダウンロードして解凍したフォルダの中にはファイルが2つ入っています。いろいろな大人の事情があって、2つになっています。この仕組みは「mapindex.html」のページ内にインラインフレームを作成してそのフレーム内で地図設定ファイルの「mapin.html」が表示されるようになっています。 なんのことやらさっぱりという方でも、手順通りにやればできますのでご安心を。 まずは、TeraPadを使って、「mapin.html」を開いてください。保存方法についてあとで解説しますので、ここでは一切保存ボタンを押さずに作業を行ってください。
 今回編集する箇所は全部で3か所です。ん〜〜なんて簡単！ ま〜ず〜は〜、「１」の箇所、APIの入力からしていきます。あらかじめ書かれている「[ここに取得したAPIを書く！]」の部分に、先に取得してきた、APIのコードをコピペします。 次は座標の指定。次の項目を参考にしてください。
|
|
いったんHTMLファイルの編集は置いておきます。ページを表示した時に地図が指し示す最初の場所の指定を行います。 このページへ行き、表示させたい場所の地名や住所を入力します。
 ここでは試しに、「網走駅」と入力して「検索」ボタンを押します。
 上記のような画面に変わります。今回使用する箇所は赤枠の中の、「緯度」と「経度」の座標です。 再び編集中のTeraPadを開いて、2番と3番の箇所にそれぞれ緯度経度の小数点で示されている方の値を入力します。
＜例＞ AとBでは緯度と経度の数値の入力順が異なるの注意が必要です。 次はファイルの保存方法について解説します。 |
|
これまで編集してきた、「mapin.html」は特殊な文字コードを使用して保存されています。 この文字コード設定を保つために以下の手順で保存しておくことをオススメします。 TeraPadで「ファイル」→「文字/改行コード指定保存」を開いてください。
 文字コードが「UTF-8」になっていることを確認してください。確認したらOKを押します。その後、上書き保存をして保存は完了です。
これで半分以上きました！もう一息ですので頑張りましょう！！！
|
