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

layoutSeaNamesfunction

Lays the names out for one draw. A name on the far side, or off the Earth's disc, is left out. A box in taken (a city name, a place, a country) keeps its space: the name moves aside, and if the only room is taken it is left out, so a city that was placed first wins.

Import it

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

Definition

function layoutSeaNames(radius: number, frame: CityFrame & { disc?: { x: number; y: number; radius: number; }; }, lang: "en" | "ja", taken: readonly { left: number; top: number; width: number; height: number; }[]): SeaName[]

Parameters

NameTypeDescription
radiusnumber

The Earth's radius on the screen. It chooses oceans and continents, or those plus the seas.

frameCityFrame & { disc?: { x: number; y: number; radius: number; }; }

Where the Earth is, and how to project a place. project returns how squarely the place faces the viewer.

lang"en" | "ja"

en or ja.

takenreadonly { left: number; top: number; width: number; height: number; }[]

Boxes already used. A name is not put over one.

Returns

SeaName[]

The names to show.

Examples

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

const frame = { width: 400, height: 400, radius: 160, project: (lon: number, lat: number, out: { x: number; y: number }) => { out.x = 200 + lon; out.y = 200 - lat; return 1; } };
console.log(layoutSeaNames(160, frame, "en", []).some((one) => one.id === "africa"));
true

What it prints (run when this page was built)

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