本文へ移動

Chizu地図

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

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

目次

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

ChizuFeatureLayer型

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

The named features of one map, drawn on that map's canvas: what loadFeatures(mapId) gives, and what drawChizu and mountChizu take as featureLayer.

インポート

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

定義

interface ChizuFeatureLayer {
    map: string;
    source: string;
    features: ChizuFeature[];
}

メンバー

名前型説明
mapstring

The id of the map whose canvas the features are drawn on.

sourcestring

Where the shapes and names come from, in a line.

featuresChizuFeature[]

例

import { loadFeatures } from "@johnmorrisdotca/chizu/load";
import type { ChizuFeatureLayer } from "@johnmorrisdotca/chizu";

const layer: ChizuFeatureLayer = (await loadFeatures("world"))!;
console.log(layer.map, layer.features.some((one) => one.name === "Caspian Sea"));
// world true
world true

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

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

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