本文へ移動

Chizu地図

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

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

目次

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

parseMapRings関数

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

The rings of one region's path, in the order it draws them, each with its own box.

インポート

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

定義

function parseMapRings(path: string, transform?: InsetTransform | null): MapRing[]

引数

名前型説明
pathstring

The native SVG outline path to parse.

transform (省略可)InsetTransform | null | undefined

The native inset scale and translation to apply.

戻り値

MapRing[]

The rings of one region's path, in the order it draws them, each with its own box.

例

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

// Two islands: two rings, each with its own box.
console.log(parseMapRings("M0,0L10,0L10,10Z M20,20L30,20L30,30Z").map((ring) => [ring.minX, ring.maxX]));
// [ [ 0, 10 ], [ 20, 30 ] ]
[ [ 0, 10 ], [ 20, 30 ] ]

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

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

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