本文へ移動

Chizu地図

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

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

目次

リファレンス · 表示範囲・形・クイズの道具

MapOutline型

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

A map's outlines, drawn where they are drawn: a region in a box carried into it, outlying islands in a box carried into theirs, everything else where the projection put it.

Kept against the map itself, so a page that redraws on every pick parses its paths once. Canada's are 76,000 points and cost 16ms to walk, a third of a frame, on a keystroke.

インポート

import type { MapOutline } from "@johnmorrisdotca/chizu";

定義

type MapOutline = {
    rings: MapRing[];
    anchor: [
        number,
        number
    ] | null;
};

メンバー

名前型説明
ringsMapRing[]
anchor[number, number] | null

Where a leader to this region should end: a point on the land, as drawn.

例

import WORLD from "@johnmorrisdotca/chizu/world";
import { mapOutlines, type MapOutline } from "@johnmorrisdotca/chizu";

const japan: MapOutline = mapOutlines(WORLD)[WORLD.regions.findIndex((region) => region.code === "JP")]!;
console.log(japan.rings.length > 1, japan.anchor !== null);
// true true
true true

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

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

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