本文へ移動

Chizu地図

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

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

目次

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

regionCentre関数

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

The middle of a region, for zooming to whatever somebody just chose: where it is drawn, not where it is. Okinawa is drawn in a box in the Sea of Japan and Alaska in one below the lower forty-eight, so centring on their true positions would take the reader to open sea; Tokyo, whose far islands are boxed, is centred on the Tokyo left in place.

インポート

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

定義

function regionCentre(map: Frameable, code: string | number | null): { 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.

戻り値

{ x: number; y: number; } | null

The region’s drawn centre in native map units, or null for a null or unknown region code.

例

import { loadDivisions } from "@johnmorrisdotca/chizu/load";
import { regionCentre } from "@johnmorrisdotca/chizu";

const japan = (await loadDivisions("jp"))!;
// Okinawa is drawn in boxes, so its centre is where its main islands are drawn, in the first.
console.log(regionCentre(japan, "47"));
// { x: 315, y: 560 }
{ x: 315, y: 560 }

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

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

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