本文へ移動

Chizu地図

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

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

目次

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

shapeGlyphBox関数

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

A square window on one region's own outline, for drawing it as an icon: every shape gets the same box and fills it, so a small region is as legible in a list as a large one.

インポート

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

定義

function shapeGlyphBox(bbox: readonly [number, number, number, number]): MapBox

引数

名前型説明
bboxreadonly [number, number, number, number]

The native left, top, right and bottom bounds of the geometry.

戻り値

MapBox

A square window on one region's own outline, for drawing it as an icon: every shape gets the same box and fills it, so a small region is as legible in a list as a large one.

例

import WORLD from "@johnmorrisdotca/chizu/world";
import { shapeGlyphBox } from "@johnmorrisdotca/chizu";

const chile = WORLD.regions.find((region) => region.code === "CL")!;
const box = shapeGlyphBox(chile.bbox);
console.log(box.width === box.height);
// true
true

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

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

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