本文へ移動

Chizu地図

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

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

目次

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

calloutGrid関数

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

The same places, with the grid they were found on.

インポート

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

定義

function calloutGrid(radius: number, box: MapBox, keepOut: CalloutKeepOut, land: readonly CalloutLand[]): { places: CalloutPlace[]; cols: number; step: number; }

引数

名前型説明
radiusnumber

The circle or label radius in native map units.

boxMapBox

The window in native map units, or the inset destination specified by this signature.

keepOutCalloutKeepOut

The native frame areas reserved against callout placement.

landreadonly CalloutLand[]

Native land geometry or land obstacles that labels must avoid.

戻り値

{ places: CalloutPlace[]; cols: number; step: number; }

The same places, with the grid they were found on.

例

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

const grid = calloutGrid(4, { x: 0, y: 0, width: 100, height: 100 }, { bottom: 0, right: 0 }, []);
console.log(grid.cols > 0, grid.step > 0, grid.places.length > 0);
// true true true
true true true

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

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

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