狠狠撸

狠狠撸Share a Scribd company logo
d3.js と three.js による

GEOプログラミング
2014 .1 .24 @JHAUS B1F Uniba Inc. Kochiro Mori
D3.JS

?

豊富な座標変換系ライブラリ(geo)	


?

svgによる描画
GEOJSON

?

地図データを表現するための汎用フォーマット	


?

d3.jsで標準的に使われている
TOPOJSON
?

GeoJSONを拡張したJSONフォーマット	


?

GeoJSONではフィーチャーのポリゴンの座標はフロー
ティングポイントで表現されている	


?

整数表現にすることでデータの精度を保ちつつ効率的に
圧縮できる
D3 SVGによる地図の描画

?

D3.jsとTopoJSONで地図を作る(http://
ja.d3js.node.ws/blocks/mike/map/)
D3 GEO を使ってGEOJSONから	

THREE MESH MATERIAL を生成する

?

GeoJSONの用意
?

国土交通省国土政策局GISHPのサイト(http://
nlftp.mlit.go.jp/ksj/gml/gml_datalist.html)
SHAPEファイルをGEOJSONファイルにする

?

GDAL (http://www.gdal.org)	


?

QGIS (http://www.qgis.org/ja/site/)
GEOJSONをTHREE MESH の頂点情報にする

?

一度d3のsvgマップオブジェクトで読み込んでおいて頂点情報とし
て取り出す	


?

d3-threeD.js (https://github.com/asutherland/d3threeD/blob/master/lib/d3-threeD.js)
デモ

?

http://moxus.org/doc/japan-geo-demo
OPENFRAMEWORKS の ADDON にしてみた

?

色々な変換プロジェクション(投影法)	


?

地図座標系からデカルト座標系への変換
メルカトル図法
パノラマ投影法
ランベルト正积方位図法
ステレオ投影法
?

ofxGeoJSON (https://github.com/moxuse/
ofxGeoJSON)
?

以上、ありがとうございました。
Ad

Recommended

PDF
01骋滨厂概论
Junpei Ishii
?
PDF
05蚕骋滨厂で地図印刷
Junpei Ishii
?
PDF
データパイプラインツールLuigiを使ってCS立体図をワンストップ演算する FOSS4G 2017 Tokyo
Kunihiko Miyoshi
?
PDF
03纸地図を骋滨厂で使う
Junpei Ishii
?
PDF
贵翱厂厂4骋で地理空间情报もかんたん
Kosuke Asahi
?
PDF
09遗跡分布を分析する?カーネル密度推定?
Junpei Ishii
?
PDF
04ベクタデータを利用した地図表现
Junpei Ishii
?
PDF
02ラスタデータを利用した地形指标の作成と地図表现
Junpei Ishii
?
PDF
地球地図を利用した地図タイルの作成 - FOSS4G TOKYO 2014 全体セッション2
Taro Matsuzawa
?
PDF
08遗跡景観の分析?可视领域を调べる?
Junpei Ishii
?
PDF
07蚕骋滨厂で遗跡立地分析
Junpei Ishii
?
PDF
蚕驳颈蝉を考古学で使う
Junpei Ishii
?
PDF
顿别产颈补苍でタイルマップサービスを作ってみた
Keisuke Nakao
?
PPTX
Deep Learningにおける地図タイルの有効性検討
IWASAKI NOBUSUKE
?
PDF
地理教育て?のGoogle Earthの活用ホ?イント
Inoshachu, NPO
?
PPT
120523 自然环境学実习ⅰ 提出课题
Masaya Oike
?
PPTX
Gps森林管理 カスタム?マップ(国土地理院地形図)編
mondaiarimasen
?
PPTX
TileMap-WebGIS
IWASAKI NOBUSUKE
?
PDF
骋辫蝉と森林管理?スマホ编
mondaiarimasen
?
PDF
国土地理院における贵翱厂厂4骋利用の取り组み~利用者が求める电子国土奥别产を目指して~(国土地理院?佐藤様,大阪発表)
OSgeo Japan
?
PPT
Josm
Masaya Oike
?
PDF
Sinsai.info Symposium: OSM now
Hiroshi Miura
?
PDF
地理教育て?の骋辞辞驳濒别惭补辫蝉の活用ホ?イント
Inoshachu, NPO
?
PDF
西大寺の歴史?文化 マッピングパーティ OpenStreetMap 概要
Noriko Takiguchi
?
PDF
140619 地理院ckanの舞台裏から
Hidenori Fujimura
?
PDF
Google Earthでの点?線?面の作り方
Naoya Nishibayashi
?
PPTX
実写コンテンツ×3顿モデルで立体感を感じる础-贵谤补尘别アプリケーション
Jun Ito
?
PDF
Google earthとは?opentextmapとは
Naoya Nishibayashi
?

More Related Content

What's hot (20)

PDF
地球地図を利用した地図タイルの作成 - FOSS4G TOKYO 2014 全体セッション2
Taro Matsuzawa
?
PDF
08遗跡景観の分析?可视领域を调べる?
Junpei Ishii
?
PDF
07蚕骋滨厂で遗跡立地分析
Junpei Ishii
?
PDF
蚕驳颈蝉を考古学で使う
Junpei Ishii
?
PDF
顿别产颈补苍でタイルマップサービスを作ってみた
Keisuke Nakao
?
PPTX
Deep Learningにおける地図タイルの有効性検討
IWASAKI NOBUSUKE
?
PDF
地理教育て?のGoogle Earthの活用ホ?イント
Inoshachu, NPO
?
PPT
120523 自然环境学実习ⅰ 提出课题
Masaya Oike
?
PPTX
Gps森林管理 カスタム?マップ(国土地理院地形図)編
mondaiarimasen
?
PPTX
TileMap-WebGIS
IWASAKI NOBUSUKE
?
PDF
骋辫蝉と森林管理?スマホ编
mondaiarimasen
?
PDF
国土地理院における贵翱厂厂4骋利用の取り组み~利用者が求める电子国土奥别产を目指して~(国土地理院?佐藤様,大阪発表)
OSgeo Japan
?
PPT
Josm
Masaya Oike
?
PDF
Sinsai.info Symposium: OSM now
Hiroshi Miura
?
PDF
地理教育て?の骋辞辞驳濒别惭补辫蝉の活用ホ?イント
Inoshachu, NPO
?
PDF
西大寺の歴史?文化 マッピングパーティ OpenStreetMap 概要
Noriko Takiguchi
?
PDF
140619 地理院ckanの舞台裏から
Hidenori Fujimura
?
PDF
Google Earthでの点?線?面の作り方
Naoya Nishibayashi
?
PPTX
実写コンテンツ×3顿モデルで立体感を感じる础-贵谤补尘别アプリケーション
Jun Ito
?
PDF
Google earthとは?opentextmapとは
Naoya Nishibayashi
?
地球地図を利用した地図タイルの作成 - FOSS4G TOKYO 2014 全体セッション2
Taro Matsuzawa
?
08遗跡景観の分析?可视领域を调べる?
Junpei Ishii
?
07蚕骋滨厂で遗跡立地分析
Junpei Ishii
?
蚕驳颈蝉を考古学で使う
Junpei Ishii
?
顿别产颈补苍でタイルマップサービスを作ってみた
Keisuke Nakao
?
Deep Learningにおける地図タイルの有効性検討
IWASAKI NOBUSUKE
?
地理教育て?のGoogle Earthの活用ホ?イント
Inoshachu, NPO
?
120523 自然环境学実习ⅰ 提出课题
Masaya Oike
?
Gps森林管理 カスタム?マップ(国土地理院地形図)編
mondaiarimasen
?
TileMap-WebGIS
IWASAKI NOBUSUKE
?
骋辫蝉と森林管理?スマホ编
mondaiarimasen
?
国土地理院における贵翱厂厂4骋利用の取り组み~利用者が求める电子国土奥别产を目指して~(国土地理院?佐藤様,大阪発表)
OSgeo Japan
?
Sinsai.info Symposium: OSM now
Hiroshi Miura
?
地理教育て?の骋辞辞驳濒别惭补辫蝉の活用ホ?イント
Inoshachu, NPO
?
西大寺の歴史?文化 マッピングパーティ OpenStreetMap 概要
Noriko Takiguchi
?
140619 地理院ckanの舞台裏から
Hidenori Fujimura
?
Google Earthでの点?線?面の作り方
Naoya Nishibayashi
?
実写コンテンツ×3顿モデルで立体感を感じる础-贵谤补尘别アプリケーション
Jun Ito
?
Google earthとは?opentextmapとは
Naoya Nishibayashi
?

顿3.箩蝉と迟丑谤别别.箩蝉による驳别辞プログラミング