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

MAP_ZOOM_LEVELSconstant

How far in the map is drawn, as steps rather than a free zoom. A free zoom would offer a hundred framings of which a few are useful: the steps are those, plus the whole map to come back to. Ten whole steps, 1× to 10×: the maps are vector outlines whose lines keep their width on the screen at any step, and at 5× a city prefecture, a ward or a country such as Luxembourg or Singapore was still a few pixels across. The first step is always 1× and the last the deepest, so code that reads MAP_ZOOM_LEVELS[0] and MAP_ZOOM_LEVELS.at(-1) for its buttons follows the ladder.

Import it

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

Definition

const MAP_ZOOM_LEVELS: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] as const

Examples

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

console.log(MAP_ZOOM_LEVELS.join(" "));
// 1 2 3 4 5 6 7 8 9 10
1 2 3 4 5 6 7 8 9 10

What it prints (run when this page was built)

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