Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
ベクタータイル地図の取り組み@マピオン
Search
One compath
November 02, 2016
Programming
2.3k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ベクタータイル地図の取り組み@マピオン
マピオンのベクター地図への取り組みについて
One compath
November 02, 2016
More Decks by One compath
See All by One compath
社内の制度を使って新規事業を⽴ち上げてみた話 OCEM#3
mapion
0
240
新規事業のアプリ、Flutterで作ってます〜U-ROUTEのポイ活対応編〜 OCEM#3
mapion
0
270
ウォーキングアプリ「aruku&」ってどうやって作ってるの? OCEM#3
mapion
0
260
ONE COMPATH/ワンコンパス Company Deck For Engineer(会社紹介資料)
mapion
0
9.3k
ONE COMPATHの地図の開発技術~入門編~ OCEM #2
mapion
0
270
脱レガシー! Aurora PostgreSQLに移行してみた OCEM #2
mapion
1
1.1k
エンジニアなので「技術」で仕事を効率化してみた ~Slack連携でチームの生産性が向上~ OCEM#2
mapion
0
260
20221112_FOSS4G2022Online.pdf
mapion
0
1.9k
ONE COMPATH/ワンコンパス Company Deck(会社資料)
mapion
0
510
Other Decks in Programming
See All in Programming
Spec-driven Development with AI
simas
PRO
0
2.3k
Coding with AI: How to trust the storyteller (AWS Community Day Adria, Ljubljana 2026)
slobodan
0
140
Seven New Principles of Software Engineering
yegor256
0
470
Spec-Driven Development - Why Vaadin Is the Perfect Fit
simas
PRO
0
240
クラウドエージェントは、 何がそんなに便利なのか / what makes cloud agents so useful
rkaga
5
800
小さなアプリを作って公開するまで
onozaty
0
140
LLM 101
dalinaum
0
470
PumaからFalconに移行したRailsアプリケーションでの実践
falcon8823
0
360
AI時代のTerminal環境を UNIX哲学で設計・運用する
yasunori0418
1
350
AWS CDKを理解するために公式の定義を深掘って解説してみる / Understanding AWS CDK by Digging into Its Official Definition
akihisaikeda
3
290
Web3Dライブラリを作ってVue Custom Rendererの仕組みを理解しよう / lets learn vue custom renderer by making 3d library
drumath2237
1
130
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
180
Featured
See All Featured
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
600
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
12k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.4k
Ethics towards AI in product and experience design
skipperchong
2
460
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
23k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
50
10k
Intergalactic Javascript Robots from Outer Space
tanoku
273
28k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.4k
Exploring anti-patterns in Rails
aemeredith
4
560
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
760
So, you think you're a good person
axbom
PRO
2
2.3k
Transcript
Copyright(c) Mapion Co.,Ltd. All rights reserved. ベクタータイル@マピオン FOSS4G 2016 Nara
/ Tokyo LT 株式会社マピオン / OSGeo.jp 谷内栄樹
Copyright(c) Mapion Co., Ltd. All rights reserved. マピオンからのお知らせ ベクタータイルによる地図サイト「マピオンベクター」の 提供を試験的に開始しました!
2
Copyright(c) Mapion Co., Ltd. All rights reserved. アジェンダ Ø ベクタータイル地図の現状とマピオンの技術選択 Ø 今後の展望
3 本日はマピオンのベクター地図への取り組みについて お話します
Copyright(c) Mapion Co., Ltd. All rights reserved. ベクタータイル地図の現状と マピオンの技術選択 4
Copyright(c) Mapion Co., Ltd. All rights reserved. ベクタータイル地図 主なプロダクト HTTP Request
GET /PATH/{z}/{x}/{y} ①タイル生成 ②タイル配信 ③スタイル適用 ④レンダリング 5 タイル生成&配信 osm2vectorWles タイルフォーマット GeoJSON TopoJSON Mapbox Vector レンダリング Mapbox Tangram Leaflet Etc…
Copyright(c) Mapion Co., Ltd. All rights reserved. レンダリングエンジン比較 地図描画エンジン 対応プラットフォーム
対応タイルデータ 配信フォーマット スタイル記述 補足 Mapbox GL JS Web ブラウザ Mapbox Vector Mapbox Style SpecificaWon Mapbox の JS 実 装、 WebGL Mapbox GL NaWve iOS, Android, Linux, etc… Mapbox Vector Mapbox Style SpecificaWon Mapbox の C++ 実 装、 OpenGL Tangram Web ブラウザ GeoJSON, TopoJSON, Mapbox Vector Tangram Scene File Leaflet プラグイン、 WebGL Tangram ES iOS, Android, Linux, etc… GeoJSON, TopoJSON, Mapbox Vector Tangram Scene File Tangram の C++ 実装、 OpenGL 国土地理院ベクト ルタイル提供実験 Web ブラウザ GeoJSON JavaScript 記述 Leaflet プラグイン、 SVG と Canvas Leaflet.VectorGrid Web ブラウザ GeoJSON, TopoJSON, Mapbox Vector JavaScript 記述 Leaflet プラグイン、 SVG と Canvas 6
Copyright(c) Mapion Co., Ltd. All rights reserved. マピオンの技術選択 項目 選択
タイルデータ生成 独自実装 タイルデータ配信 H2Oを改変 タイルデータ配信フォーマット Mapbox Vector 地図描画エンジン Mapbox GL スタイル記述 Mapbox Style SpecificaWon • マピオン独自の地図データソースも扱うため、タイルデータ生 成は独自実装 • 独自実装を追加した H2Oでタイル配信 • タイルデータ配信フォーマットや地図描画エンジンは Mapbox のオープンソース実装を採用 7
Copyright(c) Mapion Co., Ltd. All rights reserved. マピオンベクター地図の 今後の展望 8
Copyright(c) Mapion Co., Ltd. All rights reserved. 展望①: 地図品質の向上 現在のラスター地図と同様な
実用性の高い「美しい」「迷わない」地図 <ラスター> 9 (c)Mapion 地図データ (c)ZENRIN <ベクター>
Copyright(c) Mapion Co., Ltd. All rights reserved. 展望②: 様々な地図スタイルの展開 位置ゲームなど様々な用途に適した地図スタイル
10 (c)Mapion 地図データ (c)ZENRIN
Copyright(c) Mapion Co., Ltd. All rights reserved. 展望③: 技術選択 Mapbox
実装のみならず、 Tangram 実装やその他新 しい実装についても評価を続け、最適な実装の模索を 続けていきたい。 11
Copyright(c) Mapion Co., Ltd. All rights reserved. まとめ Ø ベクター地図の改善に取り組みますので、フィード バックをいただけると嬉しいです
Ø 「マピオンテックラボ」にてエンジニアの新しい取り組 みを随時公開していきます 12 マピオンラボ