sveltekit-maplibre-boilerplateの紹介

maplibre用のsvelteコンポーネントを開発しましたの記事で書きましたが、今は主にsveltekitを使用してmaplibreアプリの開発を行っています。

sveltekitで簡単にmaplibreのアプリを作れるようにシンプルなボイラープレートを作りました。

デモ

以下のURLから実際に動かしてみることができます。

ソースコード

ソースコードは以下のリポジトリにMITライセンスで公開しています。

主な機能

主な機能は以下の通りです。

• シンプルにmaplibreのmapオブジェクトと最低限のコントロールだけを追加するMapコンポーネント
• mapオブジェクトをsvelteのstoresに格納して他コンポーネントから扱いやすくするように工夫
• svelteがサポートする環境変数の読み込み方の実装例としてmaptilerのキーを使用（適宜追加削除してください）
• playwrightでの最低限のテストを実装
• pnpmの設定
• lefthookの設定
• Github Actionsの設定
• 及びGithub pagesへのデプロイの設定

こちらのボイラープレートと私がmaplibre用に開発したsvelteコンポーネント群と組み合わせてお使いいただければと思います。

• svelte-maplibre-componentsのドキュメントサイト

機能追加や要望について

ボイラープレートへの機能追加などの要望がありましたら、リポジトリの方にIssueまたはPull requestよろしくお願いします。