MarkerInput型
リファレンスの説明と例は英語です。見出しと目次は日本語です。
A place on the Earth. Chikyu ships none: the page brings its own.
インポート
import type { MarkerInput } from "@johnmorrisdotca/chikyu-earth/markers";定義
interface MarkerInput {
id: string;
lon: number;
lat: number;
label?: string;
description?: string;
color?: string;
icon?: MarkerIcon;
size?: number;
group?: string;
priority?: number;
data?: unknown;
}メンバー
| 名前 | 型 | 説明 |
|---|---|---|
id | string | Your own unique name for it. |
lon | number | Degrees east and north. |
lat | number | |
label (省略可) | string | undefined | Shown beside the dot when there is room; also its name for a screen reader. |
description (省略可) | string | undefined | What a screen reader says instead of the label (a sentence). |
color (省略可) | string | undefined | Any CSS colour. Default the accent. |
icon (省略可) | MarkerIcon | undefined | |
size (省略可) | number | undefined | Diameter in CSS pixels, 4 to 32. Default 8. |
group (省略可) | string | undefined | A name for a set of markers (cities, stadiums) that can be shown or hidden together. |
priority (省略可) | number | undefined | Higher keeps its label when labels crowd. Default 0. |
data (省略可) | unknown | Yours: given back in every event. |
例
import type { MarkerInput } from "@johnmorrisdotca/chikyu-earth/markers";
const tokyo: MarkerInput = { id: "tokyo", lon: 139.69, lat: 35.69, label: "Tokyo", group: "Cities", priority: 5, data: { population: 14_000_000 } };
console.log(tokyo.label);Tokyo出力（このページを作ったときに実行した結果）
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。