Skip to content

Both copy text to your clipboard — Build with AI copies a setup prompt to paste into Claude Code, Cursor, Codex or Copilot; Copy page as Markdown copies this page to paste into a chat. How it works

MapMetrics GL (Web)

MapMetrics GL is the browser map library: it renders vector tiles on a <canvas> with WebGL, and gives you markers, popups, geometry, clustering and heatmaps on top. Use it for maps in a web page or web app. For mobile, see the Android, iOS or Flutter SDKs instead; to turn text into coordinates, see the geocoding SDKs.

Source: github.com/MapMetrics/mapmetrics-gl

Prerequisites

For all of our examples, you will need:

  • an API key,
  • basic knowledge of JavaScript and HTML,
  • one style (default)

Get the library

html
<link
  rel="stylesheet"
  href="https://cdn.mapmetrics-atlas.net/versions/latest/mapmetrics-gl.css"
/>
<script src="https://cdn.mapmetrics-atlas.net/versions/latest/mapmetrics-gl.js"></script>

Examples