Microsoft PowerPoint - 第５回ジオサロンPPT配布用.pptx

Transcription

1 第 5 回ジオサロン ウェブカラ地質図 1

2 今日の内容 第 1 部地質をみんなに届ける第 2 部実習の時間 < 休憩 > 第 3 部情報の利用 2

3 自己紹介 : 内藤一樹地質調査総合センター地質情報基盤センターアーカイブ室 出身 : 静岡県清水市大学 : 名古屋大学理学部地球科学科 --- 花崗岩の研究 産総研 ( 地質調査所 ) --- 非金属鉱床の研究 --- 地質図幅の研究 --- 地質情報の利用についての研究 3

4 第 1 部地質をみんなに届ける 4

5 地質図とは そもそも地質とは? 大地の性質 物質 ( 石の種類 ) 歴史 ( 石が今ここにあるまでの変遷 ) 火山 断層など動きのある作用資源 ( 鉱物 燃料 ) 環境 ( 地下水 ) 5

6 地質図とは 地質図? 現実の 3 次元の姿 3 次元の地層 岩石の分布を平面図にしたもの 3 次元情報 + 時間 = 4 次元情報 地質図 ( 平面図 ) 6

7 地質図とは 9 月 地質図については 次々回のジオサロン 地質図のはなし で詳しく紹介の予定なので お楽しみに 7

8 地質図とは 地質 は 資源 防災 環境 教育など 私たちの暮らしに関わりの深い大切なもの 8

9 地質図とは 今日の話では 産総研の作ってい る色々なテーマの地質図や情報がでてきます 9

10 ウェブカラ ウェブカラ 10

11 ウェブカラ もともとは 本 紙の 地質図 100 年以上前のものから 11

12 ウェブカラ 1/75000 地質図幅 筑波 1927 年 ( 昭和 2 年 ) 発行 12

13 ウェブカラ 入手困難 知らない 使われない 一部のプロのみの情報 13

14 ウェブカラ プロだって実物の扱いが大変 14

15 ウェブカラ そこで デジタルアーカイブ! アーカイブ 暗い書庫へ行かなくても使えるようになる 15

16 ウェブカラ さらに ネットで! インターネット 産総研にいなくても使えるようになる 16

17 ウェブカラ これが実現すれば だれもが泣いて喜ぶはず! 簡単に使えればなおさら! 17

18 ウェブカラ 地質図だけでなく データ 記載なども含めた あらゆる地質情報を 18

19 ウェブカラ 地質の情報革命 19

20 ウェブカラ 地質の専門家だけでなく 他の分野 市民 学生 子供まで ユーザが激増! が見込まれる 20

21 ウェブカラ だれもが 地質を見ながら 生活する社会の到来! が見込まれる 21

22 ウェブカラ この地盤なら家の杭はこのくらい必要だな ( 自分でわかる ) ここ 良い斜面だけど崖錐堆積物だな 家建てるのはやめとこう ( 自分でわかる ) ここ 基盤がでてていいね! 揺れないね ( 自分でわかる ) こんど花崗岩を見にハイキングに行こう ( 自分で行きたくなる ) 目指す社会の姿 22

23 ウェブカラ このためのツール 地質図 Navi 23

24 ウェブカラ だれでも自由に地質図を利用 地質図 火山 断層など 地質に関連したいろいろな情報が利用可能 24

25 地質図 Navi について ここで 話を戻して地質図がウェブ公開されるまでの経緯を少し : ウェブ地質図の歴史 25

26 地質図 Navi について ウェブ ( インターネット ) で 地図 : インターネットの普及とともに使われるようになったが 初期 (90 年代後半 ) のウェブ地図は紙芝居的で操作性は話にならない 情報の利用機能も貧弱 26

27 地質図 Navi について 2005 年 Google マップ登場 劇的に使いやすいウェブ地図 一気に普及 様々な情報を地図にのせることが できるようになった 27

28 地質図 Navi について ウェブ地図の普及により 地図情報の統合 e- コミマップなど 地図情報を扱う仕組みが大きく発展 28

29 地質図 Navi について 東日本大震災 発生 29

30 地質図 Navi について 避難所マップ 道路状況マップ 津波マップ 航空写真など ウェブ地図での情報統合技術が活用された 30

31 地質図 Navi について にもかかわらず 地質図はほとんど利用 されなかった 31

32 地質図 Navi について 地質図 Navi を作った理由 地質図が知られていない 一般のサイトで統合できる形式になっていない そもそも 公開されている地質情報が少ない 地質図が市民に利用されていないことがはっきりと分かった 32

33 地質図 Navi について だから 急いで地質図を自由に利用できるシステムを作ることにしました 33

34 地質図 Navi について 地震直後の 3 月 4 月は 時間がたくさんあった 34

35 地質図 Navi について 運良く順調に開発が進み 夏前には基本機能が完成 8 月には試験サイトで試験公開 けっこう好評 35

36 地質図 Navi について でも問題が残っていた... 配信に制限 売り物なので 配信データの画質を下げるなど制限付きで産総研サイトから試験公開 36

37 地質図 Navi について しかし ちょうどこの頃 嬉しい知らせが 2012 年 7 月 電子行政オープンデータ戦略 公共データのオープン化! 37

38 地質図 Navi について 晴れて 障害なくなり 地質図 Navi 公開へ 改良やデータの追加を重ねながら現在に至る 38

39 第 2 部実習の時間 地質図 Navi を使って 地質情報を見てみよう 39

40 地質図 Navi の使い方 PC で地質図 Navi を開いてください 地質図 Navi または 40

41 地質図 Navi の使い方 シームレス地質図 色の違いはなんだかわかりますか? あなたの住んでいるところは? 好きな 背景地図 に変えてみましょう シームレス地質図を一時的に消すこともできます 地質の概要を表示してみましょう 41

42 地質図 Navi の使い方 日本広域 ボタンで元の全体表示に戻れます 42

43 地質図 Navi の使い方 画面左には地質図 ( 出版物 ) シリーズの一覧 ここを操作することで 詳細な地質図を選んで見ることができます 各縮尺の図幅 海洋 テーマ図など 43

44 地質図 Navi の使い方 表示中の図幅を消すボタン テーマ毎に消すこともできます 44

45 地質図 Navi の使い方 データ表示 第四紀火山活断層データベースなど各種の追加データを選択して表示できます 45

46 地質図 Navi の使い方 例 : 第四紀火山 : 最近三百万年に活動した火山の情報 浅間山 : 1 万年噴火イベント データベース : 46

47 地質図 Navi の使い方 例 : 活断層データ : 活断層調査結果のデータベース 立川断層 : 47

48 地質図 Navi の使い方 例 : 地球化学図 : 河川堆積物の化学組成から見た河川流域の地表の平均化学組成図 K2O の濃度分布 : 48

49 調べ実習 49

50 調べ実習 Q1: 関東地域で液状化しそうなところ 予想してみよう 海岸の埋め立て地 内陸のかつての水域などよく見てみよう 50

51 調べ実習 Q2: 火山 有珠山 の最も新しい噴火の始まった時期は? 災害 噴火記録 1 万年噴火イベント から最新のイベント情報を見てみよう 2000 年 3 月 31 日 51

52 調べ実習 Q3: 布田川断層の平均変位量は千年あたり何 m とされているか? 熊本地震でニュースになりました 0.9m 52

53 調べ実習 Q4: 茨城県の石は? 岩石 鉱物 化石 花崗岩 リチア電気石 ステゴロフォドン 53

54 調べ実習 Q5: 口永良部噴火 火砕流の被害を受けると予想される地域を確認しよう 54

55 調べ実習 火砕流シミュレーション で調べてみる 55

56 調べ実習 Q6: 広島県に見られる U 異常地域の地 層は? 時代 岩石名を 後期白亜紀 (80Ma) 呉花崗岩 56

57 調べ実習 Q7: 熊本地震 : 震源分布ほか 布田川断層のほかにも動いているように見える断層がある? 由布院活動セグメント 57

58 調べ実習 調べ実習 : 総集編 58

59 調べ実習 ニンジン探し 地質図 Navi データ表示 に ニンジン探し が用意してあります 最初にニンジンを完食した人には 賞品があるかも 59

60 60

61 第 3 部情報の利用 61

62 主役はコンテンツ 情報 の主役は? 62

63 主役はコンテンツ 主役はコンテンツ : 地質図 シームレス地質図 データ コンテンツを紹介するビューア : シームレス地質図 3D 地質図 Navi 63

64 主役はコンテンツ コンテンツは どこでも 誰でも いつでも 使えなくてはならない ビューアの寿命はほんの数年 配信システムの寿命は数年から数十年 コンテンツの寿命は数十 ~ 数百年 64

65 主役はコンテンツ コンテンツは広く利用されるべき できればプロのアプリ システムで プロへの橋渡し 市民への普及 65

66 コンテンツ形式の標準化 66

67 コンテンツの標準化 標準形式のデータ つまり どこでも使える! 他のところでも使ってもらえることが第一! 67

68 コンテンツの標準化 WMS (Web Map Service) 北緯 xx~xx 東経 xx~xx の範囲の layername の画像を要求 &SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&SRS=EPSG:4326 &BBOX=xx.xx, xx.xx, xx.xx,xx.xx&width=256&height=256 WMS サーバ 画像送信 地図データ 画像を作成 68

69 コンテンツの標準化 タイル地図 代表例 : Google マップ 地理院地図 世界地図をタイル上に分割して タイルごとの地図画像を配信する 69

70 コンテンツの標準化 JSON (JavaScript Object Notation) 数値 テキスト等の情報の配信形式として広く普及している軽量のデータ交換フォーマット 表形式の情報など 様々な情報に対して使いやすい JSON を利用した規格も普及しつつある GeoJSON: 位置情報付き TileJSON: タイル地図の記述 70

71 産総研の配信データ 71

72 産総研の配信データ GSJ の地質情報配信サービス 72

73 産総研の配信データ ラスタータイル一覧 TileJSON サービス 73

74 産総研の配信データ TileJSON 1/5 万 粉河 74

75 産総研の配信データ TileJSON 1/5 万 粉河 : 得られた情報を基に表示した地図画像 75

76 最後に JavaScriptを利用してウェブサイトに地質図を組み込む方法を紹介 : 76

77 1. はじめに HTML テンプレートを使って ウェブサイトに地図を表示する ところから 77

78 1. 地質を表示 <!DOCTYPE html> <html> <head> <title> 地図 </title> <meta charset="utf-8"> <script src=" <script src=" <script src=" <script src=" <script src=" <script> function init(){ // 初期化 (lon, lat, zoom, map 表示対象の DIV) GMAP.init(140, 36, 12, "map"); } </script> </head> <body onload="init()"> 地図 <div id="map" style=" width:600px; height:600px;"></div> </body> </html> 78

79 2-1. 地質図を重ねる シームレス地質図を表示... <script> function init(){... // 任意 : シームレスを重ねる場合 ['basic' or 'detailed'] GsjLayers.seamlessGeomap.addLayer({seamlessType: "detailed"}); } </script>... 79

80 2-2. 地質図を重ねる 地質図幅を表示... <script> function init(){... 1/20 万地質図幅 水戸第 2 版 の map_id (1035) // 任意 : 図幅を重ねる場合 [map_id] GsjLayers.zufuku.addGeomapLayerBy(1035); } </script>... map_id の調べ方 80

81 2-2. 地質図を重ねる map_id の調べ方 : 81

82 3. マーカー表示 地図上に情報を示す マーカーを表示 82

83 3-1. マーカー表示 一つだけマーカーを表示... <script> function init(){... // 任意 : マーカーを表示する場合 GMAP.pin.setPinLonLat({lon: , lat: , label: " 地質標本館 ", EPSG4326: true}); } </script>... 83

84 3-2. マーカー表示 データファイルを利用して マーカーを表示 placelist1.txt : 位置情報を記述したテキストファイルを用意 lat lon title description 土浦 土浦のまち 筑波山 山頂からスカイツリーも見える 牛久沼 名物のカッパ祭り 地質標本館地質のことならここで 84

85 3-2. マーカー表示... <script> function init(){... データファイルを利用して マーカーを表示 // データファイルを利用してマーカーを表示 var markerslayer = new OpenLayers.Layer.Text("text", {location: "placelist1.txt", projection: 'EPSG:4326'}); map.addlayer(markerslayer); } </script>... 85

86 3-3. マーカー表示 データファイルを利用して マーカーを表示 ( 画像アイコン ) placelist2.txt : 先ほどのファイルに画像アイコンの情報を追加 lat lon title description iconsize iconoffset icon 土浦 土浦のまち 64,64-32,-32 trilobite.png 筑波山 山頂からスカイツ... 64,64-32,-32 ammonite.png 牛久沼 名物のカッパ祭り 64,64-32,-32 radiolaria.png 地質標本館地質のことならここで 64,64-32,-32 trilobite.png 86

87 3-3. マーカー表示... <script> function init(){... データファイルを利用して マーカーを表示 ( 画像アイコン ) // データファイルを利用してマーカーを表示 var markerslayer = new OpenLayers.Layer.Text("text", {location: "placelist2.txt", projection: 'EPSG:4326'}); map.addlayer(markerslayer); } </script>... 87

88 ぜひ お試しください 88

89 次回ジオ サロンは 8 月 1 日火山のはなし 9 月地質図のはなし を予定しています ご参加をお待ちしています * 日程 タイトルは変更になる場合があります 89