Chizu地図

import WORLD from "@johnmorrisdotca/chizu/world"; import { drawChizu } from "@johnmorrisdotca/chizu/draw";
drawChizu(WORLD, { tones: { JP: "selected" }, language: "ja" }) // the world as SVG text, Japan lit, names in Japanese
const spots = layoutCallouts(WORLD, { codes: ["JP", "BR", "EG", "AU"], radiusRatio: 0.02 }) // numbered circles in open water, leaders that never cross
const q = findQuestion(WORLD, "FR", seededRandom(7)) // { target: "FR", choices: ["BE", "FR", "DE", "CH"], answerIndex: 1 }
const japan = await loadDivisions("jp") // the 47 prefectures, named and read (東京都, とうきょうと), ISO codes JP-01 to JP-47
const africa = groupMap(WORLD, CHIZU_CONTINENTS.find((c) => c.code === "AF").codes) // a continent, for a quiz or callouts within it
const water = await loadFeatures("divisions-jp") // Japan's seas, lakes and rivers on its own canvas: 瀬戸内海 (せとないかい), Lake Biwa
drawChizu(WORLD, { features: ["water"], featureLayer: await loadFeatures("world"), tones: { Q5484: "selected" } }) // the world's water, the Caspian lit
drawLocal(localMap({ centre: [139.7006, 35.7004], widthMetres: 400, data: geojson, markers, credits })) // a venue past the 10× step: your GeoJSON and pictures, true metres, nothing fetched
projectPoint(WORLD, 139.69, 35.69) // [x, y] of Tokyo on the world's canvas, to pin a member there
mountChizu(element, { map: WORLD, onSelect: (code) => … }) // a map to drag, zoom and press, by touch, mouse and keyboard