SlideShare a Scribd company logo
- Map technology explanation,
for implementation based on Map API
other than OpenLayers
Kohei Otsuka – Code for History
1
English explanation
2
List of terms for understanding
Maplat principles (coordinates)
Terms Meaning Accurate map Inaccurate map
merc EPSG:3857 (Web
Mercator)
EPSG:3857 EPSG:3857
xy XY in each coordinate
system
EPSG:3857 XY starting point at the
top left of the image
(pixel coordinates when
not scaled)
sysCoord Convenience
coordinates for
processing with the
map API (coordinates
used to set up marker
pins in the original map
API)
For OpenLayers,
EPSG:3857
For OpenLayers,
EPSG:3857 for
convenience (not
related to actual
geographic
coordinates)
3
Quote from https://github.com/code4history/MaplatCore/issues/19
List of terms for understanding
Maplat principles (area)
Terms Meaning Note
size Display range in pixel width, height
radius Display range radius in sysCoord
definition
Calculated based on a circle half
the size of the size, not the
full ”size” range
viewPoint Center point + zoom + rotate in sysCoord
definition
sysCoord
s
5 points in sysCoord definition (center,
top, bottom, left, right)
xys 5 points in xy definition
mercs 5 points in merc definition
4
Quote from https://github.com/code4history/MaplatCore/issues/19
Maplat map switching principle 5
Map coordinates A
Map coordinates B
Get center,
zoom,
rotate
viewPoint2SysCoords
SysCoords xys
mercs
Set center,
zoom,
rotate
SysCoords xys
sysCoords2Xys xys2Mercs
sysCoords2ViewPoint xys2SysCoords mercs2Xys
How to use several Maplat libraries (1) 6
Get center,
zoom,
rotate
SysCoords xys
mercs
Set center,
zoom,
rotate
SysCoords xys
sysCoords2Xys xys2Mercs
xys2SysCoords mercs2Xys
MaplatCore
Internally used
MaplatTin 5 times
Internally used
MaplatTin 5 times
Map coordinates A
Map coordinates B
viewPoint2SysCoords
sysCoords2ViewPoint
Maplat
MaplatCore
7
Foreground map
OpenLayers
Background map
OpenLayers
Map display control
Coordinates transformation
UI
How to use several Maplat libraries (2)
Maplat
MaplatCore
MaplatSwitch
8
UI
Make this process independent
as MaplatSwitch in the future
How to use several Maplat libraries (3)
Foreground map
OpenLayers
Background map
OpenLayers
Map display control
Coordinates transformation
How to realize Maplat 9
Overlay Switch
※ If you want to use OpenLayers as a map API, it is already implemented in Maplat/MaplatCore, and
you can optionally switch between Overlay/Switch, so assume that you want to use other map APIs.
Foreground map
Map API
Background map
Map API
Map API
MaplatCore or
MaplatSwitch
Realtime control
MaplatCore or
MaplatSwitch
Coordinates transformation
Switch displaying map
日本語説明
10
Maplat原理理解の用語一覧
(座標)
呼称 意味 正確な地図 不正確な地図
merc EPSG:3857 (Webメルカ
トル)
EPSG:3857 EPSG:3857
xy 各座標系でのXY EPSG:3857 画像左上起点XY (非縮小時
のピクセル座標)
sysCoord 地図APIで処理するための
便宜的座標 (オリジナルの
地図APIでマーカーピンを
立てたりする際に使う座
標)
OpenLayersの場合は
EPSG:3857
OpenLayersの場合は、
便宜的なEPSG:3857 (実際
の地理座標とは無関係)
11
Quote from https://github.com/code4history/MaplatCore/issues/19
Maplat原理理解の用語一覧
(領域)
呼称 意味 備考
size pixelでの表示範囲 width, height
radius sysCoord定義での表示範囲半径 sizeの範囲いっぱいいっぱいではな
く、半分の大きさの円を元に算出
viewPoint sysCoord定義での中心点+zoom+rotate
sysCoord
s
sysCoord定義での中心点+上下左右4点の5
点
xys xy定義での中心点+上下左右4点の5点
mercs merc定義での中心点+上下左右4点の5点
12
Quote from https://github.com/code4history/MaplatCore/issues/19
Maplat地図切り替えの原理 13
地図座標系A
地図座標系B
center,
zoom,
rotate
取得
viewPoint2SysCoords
SysCoords xys
mercs
center,
zoom,
rotate
設定
SysCoords xys
sysCoords2Xys xys2Mercs
sysCoords2ViewPoint xys2SysCoords mercs2Xys
Maplatライブラリ使い分け (1) 14
地図座標系A
地図座標系B
center,
zoom,
rotate
取得
viewPoint2SysCoords
SysCoords xys
mercs
center,
zoom,
rotate
設定
SysCoords xys
sysCoords2Xys xys2Mercs
sysCoords2ViewPoint xys2SysCoords mercs2Xys
MaplatCore
内部的にMaplatTin
を5回利用
内部的にMaplatTin
を5回利用
Maplat
MaplatCore
Maplatライブラリ使い分け (2) 15
前景地図
OpenLayers
背景地図
OpenLayers
地図表示制御
座標系変換処理
UI
Maplat
MaplatCore
MaplatSwitch
Maplatライブラリ使い分け (3) 16
前景地図
OpenLayers
背景地図
OpenLayers
地図表示制御
座標系変換処理
UI
将来的にこの部分をMaplatSwitch
として分割予定
Maplatの実現方法 17
Overlay Switch
※地図APIとしてOpenLayersを使う場合は、既にMaplat/MaplatCoreで実現されており、
オプションでOverlay/Switchは切り替えられるので、その他の地図APIを使う場合を想定
前景地図
地図API
背景地図
地図API
地図API
MaplatCore or
MaplatSwitch
リアルタイム制御
MaplatCore or
MaplatSwitch
座標など変換
表示地図切り替え
End
User: kochizufan
Github pages: https://code4history.dev/
E-mail: kochizufan@code4history.dev
18

More Related Content

PDF
FOSS4Gだらけの 古地図Platform Maplatのご紹介 (OFF4G 2016)
PDF
タイル地図がおもしろい
PDF
GDALとmod_python、mod_rewriteでタイルマップサービスを作ってみた
PPT
MapGuide+Geopaparazziで作るスマートフォンソリューション
PDF
Qgislecture 0
PDF
Debianでタイルマップサービスを作ってみた
PDF
地球地図を利用した地図タイルの作成 - FOSS4G TOKYO 2014 全体セッション2
PDF
PosGIS/pgRoutingとRの連携による道路ネットワーク分析(埼玉大学・国府田様)
FOSS4Gだらけの 古地図Platform Maplatのご紹介 (OFF4G 2016)
タイル地図がおもしろい
GDALとmod_python、mod_rewriteでタイルマップサービスを作ってみた
MapGuide+Geopaparazziで作るスマートフォンソリューション
Qgislecture 0
Debianでタイルマップサービスを作ってみた
地球地図を利用した地図タイルの作成 - FOSS4G TOKYO 2014 全体セッション2
PosGIS/pgRoutingとRの連携による道路ネットワーク分析(埼玉大学・国府田様)

What's hot (20)

PDF
データ可視化に関するあるアイデア
PDF
Foss4 gマイクロジオデータ解析入門
PDF
Openstreetmap概要
PDF
大域マッチングコスト最小化とLiDAR-IMUタイトカップリングに基づく三次元地図生成
PDF
楽しんで続ける 初心に戻って OpenStreetMap
PDF
UDC2017_ファイナル_osm2RRSgml
PDF
20121014 micorgeodatahansonaoki
PDF
あなたのお勧めマップ作ってみよう! OpenStreetMap活用編 uMap
PPTX
第27回ロボティクスシンポジアスライド
PDF
OpenStreetMap 概要
PDF
QGISによる図面情報への位置情報付与手法の検討 アジア航測株式会社 野中 秀樹様
PDF
09遺跡分布を分析する〜カーネル密度推定〜
PDF
08遺跡景観の分析〜可視領域を調べる〜
PDF
07QGISで遺跡立地分析
PPTX
[DL輪読会]Learning to Navigate in Cities Without a Map
PDF
BigQuery読書会#2資料
PPTX
20131109 TokyoR#35 Rでネットワーク解析とGIS
PPTX
Foss4g2012 MapGuide Hands-On
PDF
Geolocation system
PDF
伊能社中 地図研修会【入門編】【初級編】
データ可視化に関するあるアイデア
Foss4 gマイクロジオデータ解析入門
Openstreetmap概要
大域マッチングコスト最小化とLiDAR-IMUタイトカップリングに基づく三次元地図生成
楽しんで続ける 初心に戻って OpenStreetMap
UDC2017_ファイナル_osm2RRSgml
20121014 micorgeodatahansonaoki
あなたのお勧めマップ作ってみよう! OpenStreetMap活用編 uMap
第27回ロボティクスシンポジアスライド
OpenStreetMap 概要
QGISによる図面情報への位置情報付与手法の検討 アジア航測株式会社 野中 秀樹様
09遺跡分布を分析する〜カーネル密度推定〜
08遺跡景観の分析〜可視領域を調べる〜
07QGISで遺跡立地分析
[DL輪読会]Learning to Navigate in Cities Without a Map
BigQuery読書会#2資料
20131109 TokyoR#35 Rでネットワーク解析とGIS
Foss4g2012 MapGuide Hands-On
Geolocation system
伊能社中 地図研修会【入門編】【初級編】
Ad

More from Kohei Otsuka (20)

PDF
Maplat -Mapping know-how
PDF
Introduction of HTGCL (Historical Topographic Ground Control Line) - New para...
PDF
A vision to make OSM data the backbone of history across time and space - Int...
PDF
Maplat – 地図を歪ませず非線形全単射変換を保証する古地図ビューア技術
DOCX
Maplat - Historical viewer technology that guarantees nonlinear bijective con...
PDF
Maplat - Historical map viewer technology that guarantees nonlinear bijective...
PPTX
MaplatEditorによる古地図データ作成での地理院地図タイルの活用
PDF
Maplat - 双方向非線形全単射変換を保証する古地図アプリケーション
PDF
古地図関連技術をサーバレスアーキテクチャのみでなんとかし隊 (1)
PDF
Maplat – Historical Maps Viewer, guarantees nonlinear bijective projection
PDF
OFF4G 2016版 Code for NARA 横浜支部の活動
PDF
Code for NARA 横浜支部の活動
PDF
Wikipedia 出典/参考文献の書き方
PPTX
アーバンデータチャレンジ2015及び岩手アプリコンテスト用発表資料
PPTX
ニュータウンぶらり(再)
PPTX
ジオメディアサミット大阪2015 〜時空間メディアの可能性について考えてみよう〜 イントロ
PDF
NEDO SUIピッチ 時空間地図作成サービス「歴史国土」
PPTX
Xamarinで作る 「オリジナルタイル地図」アプリ
PPTX
ちずぶらりコンテンツ品質改善のための地図エディタUI改善案
PPTX
ジオメディアにおける空間セグメントの問題
Maplat -Mapping know-how
Introduction of HTGCL (Historical Topographic Ground Control Line) - New para...
A vision to make OSM data the backbone of history across time and space - Int...
Maplat – 地図を歪ませず非線形全単射変換を保証する古地図ビューア技術
Maplat - Historical viewer technology that guarantees nonlinear bijective con...
Maplat - Historical map viewer technology that guarantees nonlinear bijective...
MaplatEditorによる古地図データ作成での地理院地図タイルの活用
Maplat - 双方向非線形全単射変換を保証する古地図アプリケーション
古地図関連技術をサーバレスアーキテクチャのみでなんとかし隊 (1)
Maplat – Historical Maps Viewer, guarantees nonlinear bijective projection
OFF4G 2016版 Code for NARA 横浜支部の活動
Code for NARA 横浜支部の活動
Wikipedia 出典/参考文献の書き方
アーバンデータチャレンジ2015及び岩手アプリコンテスト用発表資料
ニュータウンぶらり(再)
ジオメディアサミット大阪2015 〜時空間メディアの可能性について考えてみよう〜 イントロ
NEDO SUIピッチ 時空間地図作成サービス「歴史国土」
Xamarinで作る 「オリジナルタイル地図」アプリ
ちずぶらりコンテンツ品質改善のための地図エディタUI改善案
ジオメディアにおける空間セグメントの問題
Ad

Maplat - Map technology explanation, for implementation based on Map API other than OpenLayers