svelte-maplibre-app01 Svelte Themes

Svelte Maplibre App01

地図アプリのテスト。

sv

Everything you need to build a Svelte project, powered by sv.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project
npx sv create my-app

To recreate this project with the same configuration:

# recreate this project
npx [email protected] create --template minimal --types ts --install npm svelte-maplibre-app01

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

データの管理・更新方法

このアプリケーションの施設データは GeoJSONファイル を唯一のマスター情報源として管理しています。

データフロー

src/lib/data/{都道府県}/{市区町村}.geojson  →  npm run build:db  →  static/recycling.db
  • GeoJSONファイル (src/lib/data/tokyo/toshima.geojson など) が唯一の正確な情報源です
  • SQLiteデータベース (static/recycling.db) はビルド成果物です。直接編集しないでください
  • CSVファイルは以前に使用していましたが、現在は削除済みです

施設データを修正・追加する場合

  1. 対象のGeoJSONファイルを直接編集します
    src/lib/data/tokyo/toshima.geojson
    src/lib/data/tokyo/chiyoda.geojson
    
  2. SQLiteデータベースを再生成します
    npm run build:db
    
  3. ビルドが正常に完了することを確認します
    npm run smoke
    

新しい市区町村を追加する場合

  1. src/lib/registry.tsWARD_REGISTRY に市区町村を追加
  2. src/lib/data/{都道府県}/{市区町村}.geojson にGeoJSONファイルを作成
  3. npm run build:db を実行

参考URL

一般社団法人電池工業会

一般社団法人JBRC

Top categories

Loading Svelte Themes