本文へ移動

Chizu地図

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

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

目次

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

shiftedOutlines関数

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

Copies of the outlines translated horizontally by the supplied map-unit offset.

インポート

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

定義

function shiftedOutlines(outlines: readonly MapOutline[], by: number): MapOutline[]

引数

名前型説明
outlinesreadonly MapOutline[]

Native parsed region outlines, including their region identifiers.

bynumber

The second segment endpoint’s vertical map coordinate.

戻り値

MapOutline[]

Copies of the outlines translated horizontally by the supplied map-unit offset.

例

import WORLD from "@johnmorrisdotca/chizu/world";
import { mapOutlines, shiftedOutlines } from "@johnmorrisdotca/chizu";

// The world's outlines one turn of the earth to the east, for the copy drawn beside it.
const shifted = shiftedOutlines(mapOutlines(WORLD), WORLD.width);
console.log(Math.round(shifted[0]!.rings[0]!.minX - mapOutlines(WORLD)[0]!.rings[0]!.minX));
// 1000
1000

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

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

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