本文へ移動

Chizu地図

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

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

目次

リファレンス · 世界地図

default定数

リファレンスの説明と例は英語です。見出しと目次は日本語です。

The world, every country a region, on one canvas 1000 wide that wraps round.

インポート

import value from "@johnmorrisdotca/chizu/world";

定義

const map: ChizuMap

メンバー

名前型説明
idstring

world, country-fr (France alone, from Natural Earth's countries) or divisions-fr (its départements).

kind"world" | "country" | "divisions" | "local"

What its regions are: the whole world, a single country, the divisions of one, or the shapes of a local map of a city or a venue.

namestring

The map's name in English and Japanese.

nameJa (省略可)string | undefined
regionNamestring

What a region is called here, singular and plural, in English: Country, Province.

regionNamePluralstring
viewBoxstring

The canvas: 0 0 width height.

widthnumber
heightnumber
wrapsboolean

Whether its east edge is its west edge: a map of the earth is a cylinder cut open, and pans round without stopping.

projectionChizuProjection
insetsChizuInset[]

The regions drawn in boxes of their own.

sourcestring

Where the outlines come from, in a line.

regionsChizuRegion[]

例

import WORLD from "@johnmorrisdotca/chizu/world";

const japan = WORLD.regions.find((region) => region.code === "JP")!;
console.log(WORLD.regions.length, WORLD.viewBox, japan.nameJa, japan.groupJa);
// 173 0 0 1000 489 日本 アジア
173 0 0 1000 489 日本 アジア

出力(このページを作ったときに実行した結果)

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

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