新聞記事を見て来られた方へ

見てみたい内容で以下の遷移先へどうぞ！

• 奈良の古地図アプリを見てみたい方は、ぷらっと奈良へ
• Maplat技術の特徴を知りたい方は、技術紹介pdfへ
• Maplatライブラリの使い方を知りたい方は、Qiitaの記事群へ
• 開発元であるCode for Historyの活動を知りたい方は、Code for Historyのページへ

Maplat is the cool Historical Map/Illustrated Map Viewer.
It can transform each map coordinates with nonlinear but homeomorphic projection and makes possible that the maps can collaborate with GPS/accurate maps, without distorting original maps.
Data editor of this solution is provided as another project, MaplatEditor.
This project won Grand Prize / Educational Effectiveness Prize / Visitors Selection Prize on Geo-Activity Contest 2018 held by Ministry of Land, Infrastructure, Transport and Tourism.

Maplatは古地図/絵地図を歪める事なくGPSや正確な地図と連携させられるオープンソースプラットフォームです。   他のソリューションにない特徴として、各地図の座標変換において非線形かつ同相な投影変換が定義可能という点が挙げられます。
このプロジェクトは国土交通省主催の2018年ジオアクティビティコンテストにおいて、最優秀賞、教育効果賞、来場者賞をいただきました。

Introduction slide (In English, ICC Tokyo 2019)

ICC Tokyo 2019 paper

Introduction slide (In Japanese, FOSS4G Tokyo 2017)

Data Editor

Please use MaplatEditor for data creation.

データの作成にはMaplatEditorを利用してください。

Development

Prerequisites

• Node.js 20 or 22
• pnpm 9.0.0 or higher

Build Commands

This project supports separate builds for the npm package and the demo application:

Development

pnpm dev          # Start development server with hot reload

The dev server will be accessible at http://localhost:5173/

Building

pnpm build              # Build the npm package (output: dist/)
pnpm build:demo         # Build the demo app (output: dist-demo/)

Build outputs:

• dist/ - npm package files (ES/UMD modules, TypeScript definitions, locales)
• dist-demo/ - Demo application for GitHub Pages deployment

Testing & Quality

pnpm test         # Run tests
pnpm typecheck    # Run TypeScript type checking
pnpm lint         # Run linter and formatter

CI/CD

The project uses GitHub Actions for automated testing:

• All branches: Runs tests, linting, type checking, and builds on Node 20 & 22

Latest result

Latest result is shown below:

• https://s.maplat.jp/r/naramap/ (Maplat Nara)
• https://s.maplat.jp/r/aizumap/ (Maplat Aizuwakamatsu)
• https://s.maplat.jp/r/iwakimap/ (Maplat Iwaki)
• https://s.maplat.jp/r/tatebayashimap/ (Maplat Tatebayashi)
• https://s.maplat.jp/r/chuokumap/ (Maplat Tokyo Chuo-ku)
• https://s.maplat.jp/r/uedamap/ (Ueda city)
• https://s.maplat.jp/r/moriokamap/ (Morioka city)
• https://s.maplat.jp/r/sabaemap/ (Sabae city)
• https://s.maplat.jp/r/nobeokamap/ (Nobeoka city)

Documentation is undergoing.

最新の成果物は以下で確認できます。

• https://s.maplat.jp/r/naramap/ (ぷらっと奈良)
• https://s.maplat.jp/r/aizumap/ (ぷらっと会津若松)
• https://s.maplat.jp/r/iwakimap/ (ぷらっといわき)
• https://s.maplat.jp/r/tatebayashimap/ (ぷらっと館林)
• https://s.maplat.jp/r/chuokumap/ (ぷらっと東京中央区)
• https://s.maplat.jp/r/uedamap/ (上田市版)
• https://s.maplat.jp/r/moriokamap/ (盛岡市版)
• https://s.maplat.jp/r/sabaemap/ (鯖江市版)
• https://s.maplat.jp/r/nobeokamap/ (延岡市版)

成果物を他人がコンテンツ作れる形でまとめられていないですが、おいおい整理します。

Collaboration demo with Jizo project

Code 4 NaraからUrban data challenge 2016に応募中のMaplatと地蔵プロジェクトをコラボレーションさせたデモを作りました。

• https://s.maplat.jp/r/narajizomap/

Contributors

This project exists thanks to all the people who contribute.

Backers

Thank you to all our backers! 🙏 [Become a backer]

Sponsors

Maplat is supported by

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]