本文へ移動

Chizu地図

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

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

目次

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

mapRegionPieces関数

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

The region’s separate drawn pieces, including the geometry moved into its inset boxes.

インポート

import { mapRegionPieces } from "@johnmorrisdotca/chizu";

定義

function mapRegionPieces(region: { path: string; bbox: readonly [number, number, number, number]; }, inset: ChizuInset | readonly ChizuInset[] | null): MapPiece[]

引数

名前型説明
region{ path: string; bbox: readonly [number, number, number, number]; }

The native region, or built-in map selector where the signature requires text.

insetChizuInset | readonly ChizuInset[] | null

The native inset placement and optional restriction to part of a region.

戻り値

MapPiece[]

The region’s separate drawn pieces, including the geometry moved into its inset boxes.

例

import { loadDivisions } from "@johnmorrisdotca/chizu/load";
import { insetFor, mapRegionPieces } from "@johnmorrisdotca/chizu";

const us = (await loadDivisions("us"))!;
const alaska = us.regions.find((region) => region.code === "AK")!;
console.log(mapRegionPieces(alaska, insetFor(us, "AK")).length, mapRegionPieces(alaska, null)[0]!.transform);
// 1 null
1 null

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

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

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