`MarkerEventDetail`型

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

What the chikyu-marker-hover, chikyu-marker-click and chikyu-marker-focus events carry in event.detail. A cluster click has marker: null and cluster listing the ids in it.

インポート

import type { MarkerEventDetail } from "@johnmorrisdotca/chikyu-earth/markers";

定義

interface MarkerEventDetail {
    marker: MarkerInput | null;
    cluster?: string[];
    x: number;
    y: number;
}

メンバー

名前	型	説明
`marker`	`MarkerInput \| null`
`cluster` (省略可)	`string[] \| undefined`
`x`	`number`	Where the pointer or the marker is, in CSS pixels inside the globe's box.
`y`	`number`

例

import type { MarkerEventDetail } from "@johnmorrisdotca/chikyu-earth/markers";

const on = (event: Event): void => {
  const detail = (event as CustomEvent<MarkerEventDetail>).detail;
  console.log(detail.marker?.label ?? `${detail.cluster?.length} places`, detail.x, detail.y);
};
console.log(typeof on);

function

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

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

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

MarkerEventDetail型

定義

メンバー

例

`MarkerEventDetail`型