本文へ移動

Chizu地図

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

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

目次

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

projectPoint関数

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

Where a longitude and latitude (in degrees) fall on the map's canvas, as [x, y]; null for a map whose canvas cannot be reversed from here. On the world a point just east of the seam is at the far left of the canvas and one just west of it at the far right, and the canvas repeats either side, so a page that pans past the edge adds or takes away width (wrapAcross).

インポート

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

定義

function projectPoint(map: Pick<ChizuMap, "projection">, lon: number, lat: number): [number, number] | null

引数

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

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

lonnumber

Longitude in degrees, in [longitude, latitude] order.

latnumber

Latitude in degrees, in [longitude, latitude] order.

戻り値

[number, number] | null

The native [x, y] point, or null when the map’s projection is not reversible here.

例

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

const tokyo = projectPoint(WORLD, 139.69, 35.69)!;
console.log(tokyo.map((value) => value.toFixed(1)).join(", "));
// 457.5, 212.5
457.5, 212.5

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

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

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