本文へ移動

Chizu地図

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

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

目次

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

mapBoxMetres関数

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

How many metres of ground a window on a world or country map shows, across and down: the number to compare with a city's size when deciding that a map has been zoomed past what Natural Earth can say and a local map should take over. null for a map whose canvas cannot be read back to longitude and latitude (a country's regions).

インポート

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

定義

function mapBoxMetres(map: Pick<ChizuMap, "projection">, box: MapBox): { width: number; height: number; } | null

引数

名前型説明
mapPick<ChizuMap, "projection">

A world or country map.

boxMapBox

A window on that map.

戻り値

{ width: number; height: number; } | null

The width and height of the window in metres, or null when the map cannot be read back to longitude and latitude.

例

import WORLD from "@johnmorrisdotca/chizu/world";
import { mapBoxMetres, zoomBox } from "@johnmorrisdotca/chizu";

const window = zoomBox(WORLD, 10, { x: 457.5, y: 212.5 });
console.log(Math.round(mapBoxMetres(WORLD, window)!.width / 100_000) * 100, "km across");
// 3300 km across
3300 km across

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

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

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