本文へ移動

Chizu地図

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

「地図」は、土地や場所を図で表したものです。 名前について(英語)

目次

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

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

データがない場合、nullの結果、コードの対応、表示の後始末を確かめます。

データや結果がない場合

結果意味と確認すること
loadCountry / loadDivisionsがnullそのコードの標準データがありません。対応するコード一覧を確認します。
loadFeaturesがnullその地図IDの地物レイヤーがありません。地図本体は使えます。
countryByCodeがundefined国名の一覧にコードがありません。
focusRegionFit / regionCentreがnullコードがnull、またはその地図にありません。
insetForがnull別枠がありません。通常は元の位置に描かれます。
wrapIntoBoxがnull表示範囲内に、その点の横方向の複製がありません。
landAnchor / mainlandBoundsがnull対象の輪郭がありません。
findQuestionがnull正解の地域が不明、または名前のない地域です。
projectPoint / unprojectPointがnullその投影は、この関数で変換できません。
readMapData / readMapColorsがnull入力がない、または読み取りの条件に合いません。

地域や地物が表示されない

コードがどのキャンバスに属するかを確認します。世界地図の日本はJP、都道府県地図の東京は13です。地物レイヤーの地図IDも一致させます。異なる地図のレイヤーを自動で再投影する処理はありません。名前は用意された元のデータに従います。日本語の読みがないことは、読み込みの失敗ではありません。

ブラウザーでの準備と後始末

要素はブラウザーで作り、非同期のデータを読み込んでから結果を参照します。標準の読み込み・エラーイベントを扱います。モジュールの表示先には実際のHTMLElementを使い、取り除くときはdestroy()を呼びます。未対応のコードはnullですが、データのimport自体が失敗したときは例外になります。画像にはスタイルを含めるか、記載された外部スタイルを指定します。

ソースを見るGitHub で編集@johnmorrisdotca/chizu 1.5.0 のソースから作成しました。

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