krackedmaps
This server does not currently have a deployable release on Glama. Follow the repository's setup instructions to install and configure it for your MCP client, including any required credentials and local dependencies.
KrackedMaps
Themeable SVG maps with zero runtime dependencies. Malaysia's 16 regions and 159 districts from one shared projection, plus a rotating globe and country maps. Use it as a component, a CLI, an MCP server, or plain SVG and GeoJSON.
Customize & export · Demo · Docs · Playground
Install
npm i krackedmapsimport { createMalaysiaMap } from "krackedmaps";
import "krackedmaps/css";
const map = createMalaysiaMap("#map", { theme: "blueprint" });
map.on("select", (slug) => console.log("selected", slug));
map.setData({ penang: 1.8, sabah: 3.4 }); // choropleth by slug
map.addPin({ lng: 101.7117, lat: 3.1578, label: "KLCC" });Click a state to drill into its districts, hover a district for its name, Esc steps
back out. Make as many instances as you like; destroy() tears each one down.
Server-side, with no DOM:
import { renderSVG, project } from "krackedmaps";
const svg = renderSVG({ theme: "batik", withDistricts: true }); // a string
project(101.7117, 3.1578); // → { x, y }Data only: import { STATES, DISTRICTS, PROJECTION } from "krackedmaps/data".
Related MCP server: @maproll/mcp
From the terminal
npx krackedmaps svg --theme blueprint --districts > malaysia.svg
npx krackedmaps geojson --districts > daerah.geojson
npx krackedmaps react --theme batik > MalaysiaMap.jsx
npx krackedmaps project 101.7117 3.1578 # KLCC → {"x":…,"y":…}
npx krackedmaps globe react --theme blueprint > Globe.jsx
npx krackedmaps --helpInside Claude
claude mcp add krackedmaps -- npx -y krackedmaps mcpThen ask: "give me the Malaysia map as a blueprint SVG with districts", or "add a rotating globe hero to this app". The MCP server exposes the SVG, GeoJSON, projection, React and embed builders as tools.
Globe and countries
import { createGlobe, WORLD_COUNTRIES } from "krackedmaps/globe";
import "krackedmaps/globe.css";
const globe = createGlobe("#globe", { countries: WORLD_COUNTRIES, theme: "blueprint" });Country maps beyond Malaysia are served by the hosted site
(npx krackedmaps country japan embed); see "What is open" below.
Options
option | default | description |
|
|
|
|
| built-in info panel / hover tooltip |
|
| district drill-down layer |
|
| pointer, click and Esc handlers (scoped, never global) |
|
| zoom to a state on select |
|
| start with state labels shown |
|
| slug to select after build |
| per-state info, choropleth ramp, custom panel |
Methods: select · focus · drillInto · addPin · setData · setTheme ·
toggleLabels · on / off (select, hover, drill) · destroy.
Data
Malaysia boundaries are geoBoundaries gbOpen (CC BY): ADM1 for the 16 regions, ADM2
for the 159 districts. World outlines are Natural Earth (public domain). Keep one
attribution line when you redistribute exports; the exporter writes it into the SVG's
<metadata>. Details and citation: DATA-LICENSES.md.
What is open, what is hosted
This package is the engine and the Malaysia data, MIT. maps.krackeddevs.com adds the Poster Studio and the per-country atlas tiers, some of whose sources carry stricter licences; those live in a separate repo and are served, not redistributed.
Contributing
Data corrections with a source, new themes, and API improvements: see CONTRIBUTING.md.
License
MIT © KrackedDevs
Related MCP Connectors
Ask in plain English, get a rendered, shareable map from live public data. 24 geospatial tools.
Create choropleth, category and pin maps of countries, states, counties and ZIP codes as images.
Make maps of places across the continental US with your AI assistant.
Put a map on a site with your AI: map your places, design the look, and get the code.
Related MCP Servers
AlicenseBqualityCmaintenanceEnables AI agents to become geospatially intelligent assistants with tools for location search, smart routing, round trip planning, reverse geocoding, isochrone analysis, route visualization, geofence management, and interactive map display.817 npm7Apache 2.0
@maproll/mcpofficial
AlicenseAqualityBmaintenanceEnables agents to turn structured data into production-ready static maps, returning rendered PNG and SVG URLs along with an editable map link.479 npm4MIT- FlicenseNot gradedqualityBmaintenanceEnables conversational spatial SQL queries in plain English, turning natural language questions into validated PostGIS operations and rendering results as GeoJSON on an interactive map.-
- AlicenseAqualityBmaintenanceEnables turning data into map images of countries, states, provinces, counties, continents, and the world, including choropleths, category maps, and pinned locations.374 npm1MIT