本文へ移動

Chizu地図

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

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

目次

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

CalloutPlace型

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

One place a circle could sit, and where it sits on the search grid.

The row and column are carried rather than recovered, so asking whether a place is too near a circle already put down is a look at the handful of cells around it instead of a walk through every circle on the map.

インポート

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

定義

type CalloutPlace = {
    x: number;
    y: number;
    row: number;
    col: number;
    sea: number;
};

メンバー

名前型説明
xnumber
ynumber
rownumber
colnumber
seanumber

Water between the circle's edge and the nearest land, in radii, up to CALLOUT_ROOMY.

例

import { calloutSpaces, type CalloutPlace } from "@johnmorrisdotca/chizu";

const [first]: CalloutPlace[] = calloutSpaces(4, { x: 0, y: 0, width: 100, height: 100 }, { bottom: 0, right: 0 }, []);
console.log(typeof first!.x, typeof first!.sea);
// number number
number number

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

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

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