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 · Markers on the globe

PlaceShapetype

Where one place's marker is drawn: the foot on the ground, the top of the stick, the stick's turn and length, the ring's turn, how flat it is and its radius, and how strongly it shows (it fades at the Earth's edge).

Import it

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

Definition

interface PlaceShape {
    index: number;
    x: number;
    y: number;
    tipX: number;
    tipY: number;
    angle: number;
    length: number;
    ringAngle: number;
    squash: number;
    ring: number;
    opacity: number;
    night: number;
}

Members

NameTypeDescription
indexnumber

Index into the places given.

xnumber
ynumber
tipXnumber
tipYnumber
anglenumber

The stick's direction, degrees clockwise from straight up on the screen.

lengthnumber

The stick's length in CSS pixels (0 for the ring look).

ringAnglenumber

The direction of the ring's short axis, degrees clockwise from straight up.

squashnumber

The ring's short axis over its long one: 1 seen from straight above, near 0 at the Earth's edge.

ringnumber

The ring's radius in CSS pixels.

opacitynumber
nightnumber

How far into the night the place is: 0 by day, 1 in full night, between in the twilight. Always 0 when no Sun is given.

Examples

import { layoutPlaces, orthoView, type PlaceShape } from "@johnmorrisdotca/chikyu-earth/markers";

const shape: PlaceShape | undefined = layoutPlaces([{ id: "a", lon: 0, lat: 0 }], orthoView({ lon: 0, lat: 0, radius: 200, cx: 210, cy: 210, width: 420, height: 420 }), "beam").shapes[0];
console.log(shape?.length);
15.400000000000002

What it prints (run when this page was built)

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