本文へ移動

Chikyu Earth地球

世界の国の輪郭を線で描いた地球儀です。地球と同じ速さで回ります。宇宙から見たような地球と、好きな場所の目印も使えます。

「地球」(ちきゅう) は、私たちが住む星の名前です。 名前について（英語）

目次

リファレンス · SVG文字列としての地球儀

STYLES定数

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

The looks the globe is drawn in, by name: line (thin outlines) and thick.

インポート

import { STYLES } from "@johnmorrisdotca/chikyu-earth";

定義

const STYLES: { readonly line: { readonly line: "#8fa1b8"; readonly ocean: "#0b1424"; readonly land: "#13203a"; readonly outline: 0.5; readonly horizon: 1; readonly graticule: 0.3; }; readonly thick: { readonly line: "#b4c2d4"; readonly ocean: "#0b1424"; readonly land: "#1a2b47"; readonly outline: 1.2; readonly horizon: 2; readonly graticule: 0.5; }; } = {
    line: { line: "#8fa1b8", ocean: "#0b1424", land: "#13203a", outline: 0.5, horizon: 1, graticule: 0.3 },
    thick: { line: "#b4c2d4", ocean: "#0b1424", land: "#1a2b47", outline: 1.2, horizon: 2, graticule: 0.5 },
} as const satisfies Record<string, Style>

メンバー

名前型説明
line{ readonly line: "#8fa1b8"; readonly ocean: "#0b1424"; readonly land: "#13203a"; readonly outline: 0.5; readonly horizon: 1; readonly graticule: 0.3; }
thick{ readonly line: "#b4c2d4"; readonly ocean: "#0b1424"; readonly land: "#1a2b47"; readonly outline: 1.2; readonly horizon: 2; readonly graticule: 0.5; }

例

import { STYLES } from "@johnmorrisdotca/chikyu-earth";

console.log(Object.keys(STYLES), STYLES.line.ocean);
[ 'line', 'thick' ] #0b1424

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

ソースを見るGitHub で編集@johnmorrisdotca/chikyu-earth 0.11.0 のソースから作成しました。

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