Toytown Map turns OpenStreetMap into a friendly 3D toy town: every building becomes a little toy with a roof and windows, landmarks like churches, pubs and schools get their own low-poly models, and parks, pitches and racecourses are drawn too.<\/p>\n\n
It\u2019s built on toytown-gl<\/a>, an open-source MapLibre plugin, and its CC0 model kit.<\/p>\n\n Map data \u00a9 OpenStreetMap contributors, available under the Open Database Licence. The attribution is shown on every map.<\/p>\n\n The maps are drawn in your visitors\u2019 browsers, which contact these services directly:<\/p>\n\n Like any web request, these services see the visitor\u2019s IP address. No cookies are set and nothing is sent to the plugin author.<\/p>\n\n The plugin's own PHP, JavaScript and CSS are not minified. The bundled libraries in The 3D models in The plugin\u2019s code is MIT. Bundled libraries: toytown-gl (MIT), three.js (MIT), MapLibre GL JS (BSD-3-Clause). The 3D models are CC0.<\/p>\n\n\n The browser builds areas up to about 12 km\u00b2 (3.4 km across), which covers a village or a town centre. For bigger areas, build a data file with Everything comes from OpenStreetMap, so the fix is to improve the map there: https:\/\/www.openstreetmap.org. Changes appear within a day or so (the browser keeps a copy of an area for up to a week).<\/p><\/dd>\n\n<\/dl>\n\n\nShortcode<\/h4>\n\n
[toytown lat=\"52.1655\" lng=\"-8.8265\" size=\"1.5\" skin=\"sitcom\" height=\"480\"]\n<\/code><\/pre>\n\n\n
lat<\/code>, lng<\/code>: the centre (required).<\/li>\nsize<\/code>: the area shown, in km across (0.3 to 3.4; default 1.5).<\/li>\nskin<\/code>: one of default<\/code>, night<\/code>, sitcom<\/code>, pastel<\/code>, toybox<\/code>, voxel<\/code>, chunky<\/code>, retro<\/code>, neon<\/code>, vintage<\/code>, sketch<\/code>, handdrawn<\/code>, comic<\/code>, blueprint<\/code>, golden<\/code>, autumn<\/code>, winter<\/code>, christmas<\/code>, halloween<\/code>, shamrock<\/code>.<\/li>\nheight<\/code> (px), zoom<\/code> (13 to 19), pitch<\/code> (tilt, 0 to 70), bearing<\/code> (rotation).<\/li>\ndata<\/code>: optional URL of a data file made with npx @toytown\/cli build-data<\/code>, for towns bigger than the browser builds.<\/li>\n<\/ul>\n\nMap data<\/h4>\n\n
External services<\/h3>\n\n
\n
Source code<\/h3>\n\n
public\/vendor\/<\/code> are minified builds; their source is:<\/p>\n\n\n
toytown-gl.umd.js<\/code>: toytown-gl, https:\/\/github.com\/bpowerie25\/Toytown (packages\/core<\/code>). Rebuild it, and this whole plugin, with pnpm install && pnpm --filter toytown-gl build && pnpm --filter @toytown\/wordpress zip<\/code> (see packages\/wordpress\/README.md<\/code>).<\/li>\nmaplibre-gl*.mjs<\/code>, maplibre-gl.css<\/code>: MapLibre GL JS 6, https:\/\/github.com\/maplibre\/maplibre-gl-js (the unmodified dist\/<\/code> files from the maplibre-gl<\/code> npm package).<\/li>\n<\/ul>\n\npublic\/models\/<\/code> are generated by assets\/generator\/generate_models.py<\/code> in the same repository.<\/p>\n\nLicences<\/h3>\n\n
\n
[toytown]<\/code> shortcode.<\/li>\n<\/ol>\n\n\n\n
Can I show a whole city?<\/h3><\/dt>\n
npx @toytown\/cli build-data --bbox west,south,east,north --out town.geojson<\/code>, upload it, and set it as the block\u2019s data file (or data<\/code> in the shortcode).<\/p><\/dd>\nA building looks wrong or is missing.<\/h3><\/dt>\n
0.1.0<\/h4>\n\n
\n
[toytown]<\/code> shortcode, 20 skins, areas built in the browser from OpenStreetMap.<\/li>\n<\/ul>","raw_excerpt":"Show any village or town as a cartoony 3D toy town, built from OpenStreetMap. 20 skins, no API keys.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/379564","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/hr.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/hr.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=379564"}],"author":[{"embeddable":true,"href":"https:\/\/hr.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/imperialresources"}],"wp:attachment":[{"href":"https:\/\/hr.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=379564"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/hr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=379564"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/hr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=379564"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/hr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=379564"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/hr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=379564"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/hr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=379564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}