本文へ移動

Chizu地図

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

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

目次

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

CalloutLand型

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

One drawn region, as the outlines it is actually drawn with.

A circle keeps out of the rings themselves, so the Seto Inland Sea, Tokyo Bay and the gap between Kyushu and Shikoku are all places a number can go. A leader is only measured against the boxes around those rings, because "cross minimal number of states" is a count of places rather than a question about a coastline, and the leaders are costed thousands of times a draw.

インポート

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

定義

type CalloutLand = {
    rings: readonly MapRing[];
};

メンバー

名前型説明
ringsreadonly MapRing[]

例

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

const island: CalloutLand = { rings: parseMapRings("M30,30L70,30L70,70L30,70Z") };
const spaces = calloutSpaces(4, { x: 0, y: 0, width: 100, height: 100 }, { bottom: 0, right: 0 }, [island]);
console.log(spaces.every((place) => !(place.x > 34 && place.x < 66 && place.y > 34 && place.y < 66)));
// true
true

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

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

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