Chizu ドキュメント

Chizu 地図 — SVG maps for JavaScript

SVGの地図を描き、地域を表示範囲に収め、番号付きの注記や地理クイズを英語と日本語の名前で作れます。

インストール

npm install @johnmorrisdotca/chizu

最初に読む

• はじめに地図を1枚描き、計算・データ・ページへの表示の役割を確かめます。

エントリーポイント

ガイド

やり方

• 必要な地図だけを読み込む国・行政区画・地物のデータを選び、対応するキャンバスで使います。
• 地域と別枠を表示範囲に収める地域コードを使って表示範囲を決め、地理上の位置と別枠の描画位置を区別します。
• 地図を色分けして名前を表示する地域コード、安全な色指定、表示名を使って地図を色分けします。
• 番号付きの注記を作る標準の番号付きの円を配置し、教材の番号を再現できるようにします。
• シード付きの地理クイズを作る地図・正解・候補・乱数をそろえて、問題を再現します。
• 地物を描いて検索する地物レイヤーを対応する地図に合わせ、水域・首都・種類を選びます。
• 地図・場所の表示・クイズを埋め込む標準の要素・フレーム・モジュールを選び、ページ側でイベントを扱います。

解説

• 計算部分と生成した地図の仕組みデータ・形の計算・ブラウザーの描画の役割を説明します。
• 地図と地物のデータ一覧既存の公開パスから作る、地図と地物の固定importの一覧です。

困ったとき・よくある質問

• 困ったとき・よくある質問データがない場合、nullの結果、コードの対応、表示の後始末を確かめます。

アップグレード

• 更新と以前の地図表示からの移行標準の形・データの版・既存のimportとアンカーを保って更新します。

• 変更履歴@johnmorrisdotca/chizu 1.5.0 のソースから作成しました。
• すべてのエクスポートを1ページでapi.html
• 言語モデル向けのドキュメントllms.txt · llms-full.txt

この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。