本文へ移動

Chizu地図

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

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

目次

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

default定数

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

Named physical features and capital markers on the canvas of country-hm. 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-hm";

定義

const layer: ChizuFeatureLayer = { "map": "country-hm", "source": "Natural Earth 5.1.2 physical vectors, 1:10m, on the canvas of country-hm; names from Natural Earth and Wikidata", "features": [{ "code": "Q1239", "kind": "ocean", "group": "marine", "name": "Indian Ocean", "nameJa": "インド洋", "reading": "いんどよう", "rank": 0, "path": "M1001,422.8L859.6,374.4L607.5,189L264.6,109.7L119.9,13.8L26.2,41.5L30.9,79.7L86.3,172.8L174.6,196.9L308.3,534.3L398.3,642.7L611.5,642.8L817.9,507.2L970.2,486.4L1001,466.3L1001,667L-1,667L-1,-1L1001,-1Z", "bbox": [-1, -1, 1001, 667], "centroid": [839.2, 160.8], "neighbors": [] }, { "code": "ne-1159108125", "kind": "peak", "group": "peaks", "name": "Big Ben", "nameJa": "ビッグ・ベン山塊", "rank": 9, "elevation": 2745, "path": "", "bbox": [493.7, 399.2, 493.7, 399.2], "centroid": [493.7, 399.2], "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-hm";
console.log(layer.map, layer.features.length);
// country-hm 2
country-hm 2

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

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

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