本文へ移動

Chizu地図

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

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

目次

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

ChizuProjection型

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

How a map's canvas was made from the earth, enough to put a longitude and latitude on it (projectPoint): Miller's cylindrical projection round a centre longitude (the world), a Lambert azimuthal equal-area projection round a centre (one country on its own), or, for a city or a single venue (localMap), a transverse Mercator on the WGS 84 ellipsoid round a centre (radius is its rectifying radius, in metres), a unit of the canvas being metresPerUnit metres.

インポート

import type { ChizuProjection } from "@johnmorrisdotca/chizu";

定義

type ChizuProjection = {
    kind: "miller";
    centre: number;
    scale: number;
    translate: [
        number,
        number
    ];
} | {
    kind: "azimuthal-equal-area";
    centre: [
        number,
        number
    ];
    scale: number;
    translate: [
        number,
        number
    ];
} | {
    kind: "local";
    centre: [
        number,
        number
    ];
    radius: number;
    metresPerUnit: number;
    translate: [
        number,
        number
    ];
} | {
    kind: "other";
    description: string;
};

例

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

const projection: ChizuProjection = WORLD.projection;
console.log(projection.kind, projection.kind === "miller" ? projection.centre : "");
// miller 155
miller 155

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

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

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