初期値(実数)を入れる。変換してテキスト表示している。基本的な部分だが,これまでにも書いているので,細かい点は割愛したい。使ってみよう(その0:はじめに:地理院地図を表示)にある目次から該当するものを探して説明を見てみて欲しい。要素に地図が描かれる。interactions(地図や地図上の物体へのなんらかのアクション(動作))もとりあえず基本的な物がデフォルトで設定されている。青色部分からが今回の肝心な部分となっている。featureOverlay)。クラスの変数を使っていたことに由来している。図形に対する動作の一種であり,図形を修正するという動作(interaction)を定義している。図形を修正(変形)する動作を定義している。これにより,図形を修正できるようになる。キーと一緒にクリックされたら点を削除するように定義されている。'LineString'(折れ線図形)を描画する動作(interaction)を定義している。緑色部分は不透明度変更関連であり,ここでは説明は省略したい。説明はその2:地図の不透明度を変えるを見て欲しい。オレンジ色の部分は,作図した経路線のデータを出力する部分である。上から見ていくと,まず「writeData」というのがある。これは,通常の配列に入れられた座標データを,文字列として出力する関数である。データが球面メルカトル座標系(EPSG:3857)で入っているので,WGS84(EPSG:4326)に変換してから文字列として出力している。この部分は前回同様に苦労して理解した部分である。含まれる「feature」に入ってる。feature(結局は複数の図形)が含まれる。配列を取り出している。定義された「ある種の配列」になっている。配列と異なるため,例えば,長さを得るのは「features.length」ではなく,「features.getLength()」としなければならない。features.getArray()[j].getGeometry();としなくてはならない。「getCoordinate()」という関数を作用させると,「点の配列」(coordArray)が得られる。配列を表示すればいいことになる。feature(図形)の全てに対して,上記の操作を行い,点の配列をテキストとして表示させている。対応する配列間に空行を表示するようにしている。紫色の部分は,点や線を削除するための処理である。クリアすることで,全ての線を削除している。削除することで,最後の線のみを削除している。最後の線の最後の一点を削除している。