本文へ移動

Chizu地図

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

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

目次

リファレンス · 地物:country-im

default定数

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

Named physical features and capital markers on the canvas of country-im. Pair this layer with the map whose id matches its map field; these coordinates are not another map's coordinates.

インポート

import value from "@johnmorrisdotca/chizu/features/country-im";

定義

const layer: ChizuFeatureLayer = { "map": "country-im", "source": "Natural Earth 5.1.2 physical vectors, 1:10m, on the canvas of country-im; names from Natural Earth and Wikidata", "features": [{ "code": "Q41735", "kind": "sea", "group": "marine", "name": "Irish Sea", "nameJa": "アイリッシュ海", "reading": "あいりっしゅかい", "rank": 2, "path": "M-1,-1L774,-1L774,1001L-1,1001ZM285.2,995.3L612.2,645.9L643.6,534.9L731.2,413.4L667.3,73.1L637.4,43.9L590.7,32.3L455.5,117.2L284.9,419.6L149,536.2L73,828.2L8.3,955.2L39.9,965.5L152.3,932.3Z", "bbox": [-1, -1, 774, 1001], "centroid": [192.8, 192.8], "neighbors": [] }, { "code": "Q147557", "kind": "peak", "group": "peaks", "name": "Snaefell", "nameJa": "スネーフェル", "reading": "スネーフェル", "rank": 9, "elevation": 621, "path": "", "bbox": [534.4, 439.1, 534.4, 439.1], "centroid": [534.4, 439.1], "neighbors": [] }, { "code": "capital-IM", "kind": "capital", "group": "capitals", "name": "Douglas", "nameJa": "ダグラス", "reading": "ダグラス", "rank": 0, "path": "", "bbox": [502.4, 743.1, 502.4, 743.1], "centroid": [502.4, 743.1], "neighbors": [] }] }

メンバー

名前型説明
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 layer from "@johnmorrisdotca/chizu/features/country-im";
console.log(layer.map, layer.features.length);
// country-im 3
country-im 3

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

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

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