本文へ移動

Chizu地図

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

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

目次

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

focusRegionFit関数

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

What choosing one place computes: zoom in to fit it, whatever zoom the reader was already at. null for a code the map does not hold, so a caller can tell "nothing to focus" from "fit the whole thing", which zoomToFit cannot.

インポート

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

定義

function focusRegionFit(map: Frameable, code: string | number | null): { zoom: MapZoom; centre: { x: number; y: number; }; } | null

引数

名前型説明
mapFrameable

The native map or map fields required by this signature; coordinates and region codes belong to its canvas.

codestring | number | null

The native region or country code; null clears a region selection where accepted.

戻り値

{ zoom: MapZoom; centre: { x: number; y: number; }; } | null

The zoom step and centre fitting the chosen region, or null for a null or unknown region code.

例

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

console.log(focusRegionFit(WORLD, "JP")?.zoom, focusRegionFit(WORLD, "XX"));
// 8 null
8 null

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

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

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