maplibre用のsvelteコンポーネントを開発しました
オープンソースで東アフリカの水道事業体のデータを管理するWebGISアプリを最近sveltekitを使ったものに全て置き換えました。sveltekitに変えたことで開発が一気にしやすくなり、より良いものになってきたと思っています。
- 以前のテンプレート
- 最新のテンプレート
上記のボイラープレートの中で開発した機能を個別に使いやすいようにsvelteコンポーネントとしてまとめました。
開発したコンポーネント
全部で以下のように11個のコンポーネントがあり、ソースコードはこちらのGithubレポジトリにMITライセンスで公開してあります。
以下のURLにドキュメントを公開しています。それぞれのコンポーネントごとにデモとサンプルソースコードを載せています。
- トップページ
- @watergis/svelte-maplibre-exportのページ
バグや機能追加などありましたら、Githubレポジトリの方にIssueやPull requestをお願いいたします。
maplibreをsvelteで使うためのコンポーネント
| コンポーネント | ドキュメント | Github |
|---|---|---|
| @watergis/svelte-maplibre-attribute-popup | doc | GitHub |
| @watergis/svelte-maplibre-export | doc | GitHub |
| @watergis/svelte-maplibre-legend | doc | GitHub |
| @watergis/svelte-maplibre-measure | doc | GitHub |
| @watergis/svelte-maplibre-menu | doc | GitHub |
| @watergis/svelte-maplibre-search | doc | GitHub |
| @watergis/svelte-maplibre-share | doc | GitHub |
| @watergis/svelte-maplibre-style-switcher | doc | GitHub |
| @watergis/svelte-maplibre-valhalla | doc | GitHub |
maplibre用のコンポーネント（svelteと関係なし）
| コンポーネント | ドキュメント | Github |
|---|---|---|
| @watergis/maplibre-center-icon | doc | GitHub |
svelteコンポーネント（maplibreと関係なし）
| コンポーネント | ドキュメント | Github |
|---|---|---|
| @watergis/svelte-collapsible-panel | doc | GitHub |
References
- ソースコード
- ドキュメンテーション
- sveltekit
- maplibre