自分Mapray、もう試した？ 使わへんと絶対損やで！ 知らんけどな

Transcript

1. FOSS4G 2025 KANSAI 自分Mapray、もう試した？ 使わへんと絶対損やで！ 知らんけどな MIERUNE inc. 須田 ソニーグループ 松本 FOSS4G 2025 KANSAI
2. FOSS4G 2025 KANSAI FOSS4G 2025 KANSAI 自己紹介 MIERUNE inc. Senior Software Engineer / Frontend 須田 峻宗 / Takamune Suda FOSS4G 2025 KANSAI 先月新疆ウイグル自治区に行ってきました！ 松本さんの紹介は 別スライドにて⇨
3. FOSS4G 2025 KANSAI FOSS4G 2025 KANSAI Mapray とは ソニーグループ が提供するデジタルツインの開発者向けプラットフォーム Mapray Cloud mapray JS 3D地理空間データの可視化を提供する オープンソースJavaScriptライブラリ mapray JS用に最適化された 2/3次元データ配信・変換パイプライン GitHub エンジンとUIを提供 地形・2/3Dデータ・点群・3Dモデル ラスター/ベクトルタイル データカタログ
4. FOSS4G 2025 KANSAI FOSS4G 2025 KANSAI サマリ 1. GISエンジニア触ってみた（うっすらとした）感想 2. ソニー開発者による技術的な説明・デモ 3. Maprayへの期待 4. 今後の展開
5. FOSS4G 2025 KANSAI FOSS4G 2025 KANSAI Mapray × Svelteで触ってみた Maprayの公式ドキュメント『mapray DOCS』を見ると どのような構造・技術・ロジックが使用されているのか知ることができる。 また、APIドキュメントも整理されているので、 分かりやすい & 最近だとAIエージェントにinputさせることも容易にできる。 1. Mapray Cloudのトークン発行 2. （Svelte PJ作成） 3. npm「@mapray/mapray-js」「@mapray/ui」インポート 4. StandardUIViewerをベースに組んでいった mapray JS: ver.0.9.6 Svelte: ver.5.34.9
6. FOSS4G 2025 KANSAI FOSS4G 2025 KANSAI デモ ちょっと タッチ処理の 判定が雑ですが…
7. FOSS4G 2025 KANSAI FOSS4G 2025 KANSAI
8. FOSS4G 2025 KANSAI FOSS4G 2025 KANSAI Mapray × Svelteで触ってみた StandardUIViewer（UI） Viewer（コア） 開発者/ユーザー 操作 データ追加 etc... Mapray Cloud 外部データ 地形 点群/モデル レイヤーデータ コアエンジン「mapray」は機能が多くフルスクラッチでの実装となるので、 とりあえずはラッパーの「maprayui」を元に拡張させるのがオススメ Qiita『Svelteでmapray JSの環境を作る』
9. FOSS4G 2025 KANSAI FOSS4G 2025 KANSAI Mapray × Svelteで触ってみた感想 『レンダリング負荷がカメラ操作に影響しない』 描画(GPU) レンダリング処理スタック （頂点処理・ライスタライズ・シェーダー） 操作(CPU) ユーザー 操作 入力 データ取得•管理 カメラ操作 アプリ ロジック 3Dゲームエンジンの思想に基づき「描画処理」と「ユーザー操作」が分離されているため、 GPUに高い負荷がかかる状況下でも快適な操作性を実現している。
10. FOSS4G 2025 KANSAI FOSS4G 2025 KANSAI Mapray × Svelteで触ってみた感想 『詳細な地形が読み込まれた時に滑らかに変化する』 Cesiumでは地形モデルに量子メッシュ『Quantized Mesh』が採用されている。 『 』 Cesium Terrain Quantization Cesium『Terrain Quantization』 →量子化された特徴点を繋いだ三角形で表現されるので、 高い圧縮率を実現している。 一方で、細かいLODが読み込まれた時にカクカクしてる 見た目となってしまう。 Maprayでは地形モデルにラスター形式DEMが採用されている。 →特徴点が多くバイナリとはいえCesiumと比較するとデータ 容量は大きい。 豊富な特徴点により地形のレンダリング、特にズームイン時の 滑らかな描画を実現している。
11. FOSS4G 2025 KANSAI FOSS4G 2025 KANSAI Mapray × Svelteで触ってみた感想 『他にも』 - 静的アセットがないので - 導入がとても楽 - SSG->SSRへの転換もすごく容易 - バンドルサイズが小さくビルド時間が短縮され - Mapray Cloudのデータ変換パイプラインが優秀 - 変換めっちゃ早い - MVTにも対応している（する！） - MVT・3Dモデル（3D Tilesなど）両方に対応できるのは実務上非常にありがたい。 DBをほぼ同期的でCRUDできる。かつ最小単位でREADできる。
12. FOSS4G 2025 KANSAI FOSS4G 2025 KANSAI Mapray × Svelteで触ってみた感想 『レイヤー単位で扱えるデータが限られている』 現状でレイヤーとして扱えるのは「画像タイル」「等高線」のみ 一方で、GeoJSONなどベクトルデータをレイヤーとして扱うことはできず、 単一のEntityとして扱うこととなる。 そのため表示状態の制御や配色の更新などの処理については、 Entity1つ1つを更新させる必要がある。 当然ラッパーを作ればいいのだが、WebGISの活用方法として公式サポートしてくれると とても嬉しい！！！ ただユーザーがシェーダーを使わなくても 等高線描画できるのは凄いよね
13. FOSS4G 2025 KANSAI FOSS4G 2025 KANSAI ただシェーダーを使わなくても 等高線描画できるのは良いよね Mapray × Svelteで触ってみた感想 『レイヤー単位で扱えるデータが限られている』おまけ 粗い解像度のタイルが使われる状況でも 十分な特徴量を保持しているため リアルな等高線が維持される。
14. FOSS4G 2025 KANSAI FOSS4G 2025 KANSAI 『(現時点で)開発者と日本語で時差なく話せる！』 （3Dオブジェクトなどを）地下から見上げる機能は ないんですか？ 今はないです。 RenderStageの導入によりレンダリングと操作側の 負荷が分散することで、操作がスムーズに… 3Dグラフィックスのレンダリングは、GPUをフル活用する ためにGPUに対して命令をスタックするように描画を行う のが一般的で、レンダリングパイプラインと呼んだり… Mapray × Svelteで触ってみた感想
15. FOSS4G 2025 KANSAI FOSS4G 2025 KANSAI 『(現時点で)開発者と日本語で時差なく話せる！』 いっぱい質問・要望出します！！ 今後ともよろしくお願いします！！！ Mapray × Svelteで触ってみた感想
16. FOSS4G 2025 KANSAI FOSS4G 2025 KANSAI 今後の展開 個人的には”OSS”としての展開が気になっています。 現状ではMapray Cloudの利用が前提となっていますが、 企業向け/効率的な描画・データ配信としてのMapray Cloudの収益により、OSSとしての mapray JSの開発・運営が持続される構造は現代的な「持続可能なOSS」として私は評価 しています。 たとえばDockerやGitLab、GIS分野においてはFeltやMapboxなど。 ただ、 個人利用や動的なデータインポート/変換パイプラインの観点で、 オープンな標準規格の採用を進めていただけることを期待しています。 また案件導入に向けた実際のユースケース & ロマンにのっとった機能開発において、 （OSSですし）共にパワーアップ していけたらと考えています！ みなさんとも 意見交換したいです！
17. FOSS4G 2025 KANSAI FOSS4G 2025 KANSAI 今後の展開 今後もFOSS4Gでは引き続き Maprayの進化・案件導入の状況/結果 などについて共有していけたらと考えています！