Repolode
投稿する
ianho7

ianho7/maptoposter-online

インストール不要で、あらゆる都市のOpenStreetMapデータからテーマ付きの地図ポスターを作成し、ダウンロードできるブラウザベースのツール。

GitHub で見る公式サイト
スター
980
フォーク
47
未解決の Issue
1
最終コミット
3 か月前

これは何？

MapPoster Onlineでは、都市を選び、ビジュアルテーマを指定して、道路地図を印刷向けのポスターとして書き出せます。Python製のコマンドラインツール maptoposter をブラウザで使えるようにした後継版なので、インストールは不要です。サイトを開いて場所を選ぶだけで、結果をダウンロードできます。

地図データには、Overpass APIとProtomapsを通じて取得するOpenStreetMapのデータを使用します。レンダリングエンジンはRust製で、tiny-skiaを使ってWebAssemblyにコンパイルされています。データ取得とレンダリングはWeb Workerで実行されるため、ページの応答性が保たれます。また、取得した地図データはIndexedDBにキャッシュされ、再生成を高速化します。アプリには、組み込みテーマ20種類、詳細な色調整機能、最大300 DPIの複数の書き出しサイズ、ライブプレビューが備わっています。

React 19、TypeScript、Vite、Tailwind CSS v4、Bunを使って開発されています。カスタムのPOIピンには、ユーザーが用意したキーを使ってAmapの場所検索APIを利用できます。

主な機能

  • 01インストール不要で、すべてブラウザ上で動作
  • 02tiny-skiaをベースにしたRust/WASMレンダリングエンジン
  • 03組み込みテーマ20種類と細かな色調整機能
  • 04A4、正方形、スマートフォン用壁紙、16:9の各サイズで300 DPIの書き出しに対応
  • 05Amapで検索できるカスタムPOIピン
  • 06地図データをIndexedDBにキャッシュし、再生成を高速化

ユースケース

  • 故郷や旅行先の都市地図を印刷用ポスターとして作成する
  • お気に入りの都市の道路を使って、テーマ付きの壁飾りやギフトをデザインする
  • スマートフォンやデスクトップ向けの地図壁紙をすばやく作成する
  • 都市地図ポスターに自分の好きな地点をマークする

クイックスタート

  1. 1

    Bunで依存関係をインストールします

    bun install
  2. 2

    Rust/WASMレンダリングエンジンをビルドします（Rustとwasm-packが必要です）

    bun run build:wasm
  3. 3

    開発サーバーを起動し、http://localhost:5173 を開きます

    bun run dev

使う前に知っておきたいこと

  • ローカル開発でWASMエンジンをビルドするには、Rustとwasm-packが必要です。
  • カスタムPOIピン機能には、ご自身のAmap Web Service APIキーが必要です。

収録されている特集

フロントエンドのフレームワークとUIコンポーネントデータサイエンスの教材とツール

トピック

#maps#openstreetmap#webassembly#rust#react#typescript#data-visualization#design#frontend#poster

よくある質問

maptoposter-online とは？
インストール不要で、あらゆる都市のOpenStreetMapデータからテーマ付きの地図ポスターを作成し、ダウンロードできるブラウザベースのツール。 MapPoster Onlineでは、都市を選び、ビジュアルテーマを指定して、道路地図を印刷向けのポスターとして書き出せます。Python製のコマンドラインツール maptoposter をブラウザで使えるようにした後継版なので、インストールは不要です。サイトを開いて場所を選ぶだけで、結果をダウンロードできます。
maptoposter-online は無料で使えますか？ライセンスは？
maptoposter-online は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
maptoposter-online は今もメンテナンスされていますか？
半年以内に更新あり。maptoposter-online の最終コミットは 2026年8月3日 です。
maptoposter-online は何に使えますか？
故郷や旅行先の都市地図を印刷用ポスターとして作成する お気に入りの都市の道路を使って、テーマ付きの壁飾りやギフトをデザインする スマートフォンやデスクトップ向けの地図壁紙をすばやく作成する 都市地図ポスターに自分の好きな地点をマークする
maptoposter-online のインストール方法は？
Bunで依存関係をインストールします: bun install Rust/WASMレンダリングエンジンをビルドします（Rustとwasm-packが必要です）: bun run build:wasm 開発サーバーを起動し、http://localhost:5173 を開きます: bun run dev
maptoposter-online はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/ianho7/maptoposter-online

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト