本文へ移動

Chizu地図

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

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

目次

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

MapRing型

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

One closed outline: a region's mainland, or one of its islands.

インポート

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

定義

type MapRing = {
    d: string;
    points: readonly number[];
    minX: number;
    minY: number;
    maxX: number;
    maxY: number;
};

メンバー

名前型説明
dstring

The ring as the path draws it, so a part of a region can be redrawn on its own.

pointsreadonly number[]
minXnumber
minYnumber
maxXnumber
maxYnumber

例

import { parseMapRings, type MapRing } from "@johnmorrisdotca/chizu";

const [ring]: MapRing[] = parseMapRings("M0,0L10,0L10,5L0,5Z");
console.log(ring!.minX, ring!.minY, ring!.maxX, ring!.maxY);
// 0 0 10 5
0 0 10 5

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

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

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