13. 地図デザイン2 - stinfodesign.net

13. 地図デザイン2
Morishige Ota (太⽥田守重)
at Chuo University
from April to July, 2015
クイズ 第11回について
同じ場所の地図です.国⽴立立新美術館に⾏行行きたいと思っているあなたに
とっては,どちらのデザインがいいですか.理理由も述べてください.
(a) 主題図
http://www.nact.jp/information/access.html
(b) ⼀一般図
http://maps.gsi.go.jp/#16/35.664340/139.724840
前回は何をしたか?
地図はどのような要素からなり,
どのように作るのか.
1. 構想づくり
2. 表現ルールのデザイン
3. 地図編集
今回は何をするか?
古来,地図は紙などに描かれていた.
今⽇日,地図はスマホ,タブレット,PCなどのスクリーンに描か
れ,描画されている地物の属性も表⽰示できる,
対話型地図 (Interactive map)になっている.
では,gittokの場合,
どうすれば,画像や映像などを検索索できる
対話型地図の表現ができるようになるだろうか.
対話型地図の編集
1.  応⽤用スキーマの変更更と素材の準備
2.  メディア属性の,地物への追加
3.  描画スキーマへの情報ページ指定
4.  対話型地図の表⽰示と情報ページ表⽰示
5.  対話型地図データの出⼒力力と再利利⽤用
メモ,画像,URL を例例に
とって説明する.
応⽤用スキーマの確認と素材の準備
コンビニ⽴立立地の例例を使う.
まず,応⽤用スキーマを改良良する.
「提案」は複数の⽂文からなる⽂文章.
「写真」は,スポットを撮影した画像.画像
の形式は,jpg, png, またはgif形式.gittokの
場合,サイズは640 × 480程度度が望ましい.
店舗
名前:CharacterString
/ 位置:SG_Surface
提案:Memo
写真:ImageURL
ホームページ: URL
現地報告: SoundURL
「ホームページ」は対象となる場所を紹介す
るWebサイトのURL
「現地報告」は,現地で録⾳音した,その場所
の状況説明
素材の準備
画像,⾳音声,そしてビデオを属性データと
する場合は,フォルダに,images,
sounds, videosというサブフォルダをもう
けて,そこに素材を⼊入れておく.
メディア属性の取得(メモ)
1.  Editorの属性リストにあ
るMemo形式のデータを
取る項⽬目をクリックする.
2.  Memo⽤用のページが現れ
るので,⽂文章をキーイン
する.
3.  Editorページの右下にあ
るaddボタンを押すと,
Attribute ID Value List上
に,メモが現れ,属性値
になったことが確認でき
る.
4.  確認ができれば,Memo
ページは閉じてよい.
メディア属性の取得(画像)
画像の形式は,jpg, png, またはgif形式.
サイズは640 × 480程度度が望ましい.
1.  Editor ページでimageURL 型をもつ属性を
指定すると,Imageページが表⽰示される.
2.  Pushの横の⽮矢印をクリックすると,画像⼀一
覧タブが表⽰示される(この時点ではなにも
表⽰示されない)
3.  openボタンを押して,画像が⼊入っている
フォルダーを指定すると,サムネイルの⼀一
覧が出てくる.
4.  ⼀一覧の中から適当な画像を選択すると,
Image Panelに画像が⼤大写しされる.
5.  これを属性にするときは,Editorの右下に
あるaddボタンを押す.
メディア属性の取得(URL)
1.  Editorページで,URL型をもつ属性を
選択する.
2.  するとURL Selector ページが現れる
ので,あらかじめ開いておいた,対
象のサイトのURLをURL Selectorの⼊入
⼒力力欄に copy and pastする.
3.  browse ボタンを押して,間違いが
ないか,確認し,Editor ページの右
下にあるadd ボタンを押す.
4.  すると,このURLが属性になったこと
が,value欄に⽰示される.
メディア属性には
この他,⾳音声と
ビデオがあるが,
操作はほぼ同じ.
Editorページで属性を
選択すると,メディア
ごとの編集ページが開
かれるので,データを
選択すればよい.
情報ページの指定
情報ページ表⽰示をする属性型の⼀一覧
情報ページ表⽰示属性の選択を指⽰示
属性の選択
指定のキャンセル
選択された属性型の表⽰示
情報ページ
セレクター
指定可能な
属性型
住所
地図画⾯面
画像
メモ
⾳音声
URL
ビデオ
情報ページ
対話型地図の使⽤用法
1.  .mapファイル及び,.kitファイルを
オープンする.
2.  Map パネルにあるチェックボックス
View attributes をチェックする.
3.  カーソルを,属性を⾒見見たい地物上に
移動させる.
4.  すると,⾒見見られるメディアのピクト
グラムが濃く表⽰示された情報ページ
セレクターが現れるので,クリック
する.
5.  すると,ボックスが固定されるので,
ピクトグラムを選択して,クリック
する.
6.  すると,属性を⽰示す情報ページが現
れる.
対話型地図の出⼒力力と再利利⽤用
save:地図 (.map)がセーブできる.
open:地図がオープンできる.
情報ページ表⽰示をしたい場合は,kit
ファイルもオープンする.
Choropleth Map とは
⽇日本語では階級区分図 .
定量量的データを⾯面記号で表した主
題図のこと.単位領領域内では事象の
分布は均⼀一と仮定する.
参考資料料:鈴鈴⽊木厚志,地理理情報科学事典,朝
倉書店,2004, p.96
Choropleth Mapのための描画スキーマ
準備として,区分を⽰示す各レベルごとに
⾯面記号スタイルを作成しておく.
右の例例の場合,building1 などがこれにあたる.
図化対象の地物を選定し,
⾊色を塗られる⾯面をもつ属性を指定し,
thematic tabの中で
⾊色を塗るための定量量的な属性を指定
各レベルごとに,
lower値,upper値をキーインし
対応する記号をSymbol Style欄から選択して,
assign ボタンによって,対応関係を付けてゆく.
全ての対応関係が定義されたら,
それ以外の記号やラベルの設定を⾏行行い,
描画スキーマを出⼒力力する.
クイズ 第12回
⼈人⼝口密集地域はある
⼈人⼝口密集地域はない
⼈人⼝口密集地域
細かいメッシュで調べると,⼈人⼝口密集地域はあるのですが,メッシュを
縦横倍のサイズにして平均すると,⼈人⼝口密集地域はなくなります.調査
計画時に設定されたメッシュサイズは右の⼤大きい⽅方でした.この調査エ
リアに⼈人⼝口密集地域はあるでしょうか? あなたの考えを述べなさい.
演習結果の提出
1. 演習で作成(使⽤用)した,応⽤用スキーマ(.aps),記号スタイル辞
書(.sym),注記スタイル辞書(.lab),描画スキーマ(.psc),
⼀一般図,対話型地図,及び階級区分図(.map)
2. クイズの回答
期限は来週の⽕火曜⽇日.
メールの本⽂文に必ず,⽒氏名と学籍番号を記⼊入すること.
質問や意⾒見見がある場合も同様.
当⾯面の送付先は
[email protected]