Skip to the content

Chizu地図

Draw SVG maps, frame regions, place numbered callouts and build geography quizzes with English and Japanese names.

Chizu is the Japanese word 地図 for map. About the name

Contents

Reference · Framing, geometry and quiz tools

insetsForfunction

Every box a region is drawn in, in the map's order: none for most, one for Alaska, three for Okinawa (its main islands, the Sakishima Islands and the Daito Islands, each in a box of its own) and three for Tokyo's far islands.

Import it

import { insetsFor } from "@johnmorrisdotca/chizu";

Definition

function insetsFor(map: Pick<ChizuMap, "insets">, code: string | number): ChizuInset[]

Parameters

NameTypeDescription
mapPick<ChizuMap, "insets">

The native map or map fields required by this signature; coordinates and region codes belong to its canvas.

codestring | number

The native region or country code; null clears a region selection where accepted.

Returns

ChizuInset[]

Every box a region is drawn in, in the map's order: none for most, one for Alaska, three for Okinawa (its main islands, the Sakishima Islands and the Daito Islands, each in a box of its own) and three for Tokyo's far islands.

Examples

import { loadDivisions } from "@johnmorrisdotca/chizu/load";
import { insetsFor } from "@johnmorrisdotca/chizu";

const japan = (await loadDivisions("jp"))!;
console.log(insetsFor(japan, "47").length, insetsFor(japan, "13").length, insetsFor(japan, "1").length);
// 3 3 0
3 3 0

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/chizu 1.5.0.