Skip to main content

CanvasGlobe: interactive maps you can ship today

Interactive 3D globe and world map on a plain 2D canvas. Zero dependencies, zero network calls, ~121 KB gzipped: drop it in a <script> tag or import it in React.

Drag the globe. Scroll to zoom. Hover a marker.

Zero dependencies

No WebGL, no D3, no tiles, no API keys. Country geometry ships inside the package.

Interaction

Drag with momentum, scroll to zoom, pinch, hover, click, and use keyboard controls.

Ten presets

Dot-matrix hologram, neon, blueprint HUD, printed atlas. Every piece composes.

Country canvas

Play an image, GIF or video inside a country's outline.

Knows the viewer

Places them from their time zone. No permission prompt, no network call.

Correct India boundary

Survey of India depiction, built into the geometry.

Two lines to a globe

import { createGlobe } from "canvas-globe";

createGlobe(document.querySelector("#globe"), {
  licenseKey: "your_license_key",
  markers: [{ lat: 23.03, lon: 72.58, count: 12, emoji: "🧑‍🎨", live: true }],
});
Install it →

Evaluating alternatives? Read the JavaScript globe library comparison.

One package. Two license paths.

Open source when you can. Commercial when you need proprietary terms.

Use the full library under GPLv3 for a compatible project, or buy a commercial license for a proprietary product. Both options use the same package and API.