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

CountryLayoutOptionstype

What the names are laid out with: the most names, the smallest and largest text in pixels, the boxes other names use, and the width and height of a text as the browser draws it.

Import it

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

Definition

interface CountryLayoutOptions {
    max: number;
    smallest: number;
    largest: number;
    taken?: readonly {
        left: number;
        top: number;
        width: number;
        height: number;
    }[];
    measure?: (text: string, size: number) => {
        width: number;
        height: number;
    };
}

Members

NameTypeDescription
maxnumber
smallestnumber
largestnumber
taken (optional)readonly { left: number; top: number; width: number; height: number; }[] | undefined

Boxes other names already use (cities, places, the bodies' names): no country name is put over one.

measure (optional)((text: string, size: number) => { width: number; height: number; }) | undefined

The width and height of a text at a size, as the browser draws it in the names' own font (a canvas's measureText). The estimate from the length is a floor and the larger is used, so a fallback font with wider letters or taller lines is measured as it is. Left out, the estimate alone is used, as in Node.

Examples

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

const options: CountryLayoutOptions = { max: 40, smallest: 10, largest: 16 };
console.log(options.max);
40

What it prints (run when this page was built)

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