Skip to the content

Chikyu Earth地球

A line-drawn globe of the world's countries that turns at the Earth's own rate, with an optional realistic Earth from space and markers for any place.

Chikyu is the Japanese word 地球 for the Earth. About the name

Contents

Reference · The realistic Earth's pure parts

SkyKeepCleartype

A place where the sky's names must not go, as the property keepClear of <chikyu-space> and <chikyu-earth-realistic> takes it: a rectangle in the element's own CSS pixels from its top left, or an element of the page whose box is read (on a resize, not every frame).

Import it

import type { SkyKeepClear } from "@johnmorrisdotca/chikyu-earth/realistic";

Definition

type SkyKeepClear = {
    x: number;
    y: number;
    width: number;
    height: number;
} | {
    getBoundingClientRect(): {
        left: number;
        top: number;
        right: number;
        bottom: number;
    };
};

Examples

import type { SkyKeepClear } from "@johnmorrisdotca/chikyu-earth/realistic";

const areas: SkyKeepClear[] = [{ x: 24, y: 40, width: 480, height: 220 }];
console.log(areas.length);
1

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/chikyu-earth 0.51.1.