Maps for every framework

Mapping terms, defined

The vocabulary behind every framework guide, in plain language.

What is Vector tile?

A vector tile is a compressed binary chunk of map geometry (roads, buildings, labels) that the browser styles and renders at runtime, instead of downloading a pre-drawn image. Vector tiles let one dataset power unlimited visual styles and stay sharp at every zoom level.

What is Basemap?

A basemap is the background map layer (roads, water, landuse, place labels) that your own data is drawn on top of. maps.guru serves basemaps as MapLibre-compatible vector tiles.

What is Map style?

A map style is a JSON document that tells a renderer which colours, fonts, widths, and zoom rules to apply to each layer of a vector tile. maps.guru styles follow the MapLibre Style Specification, so they work in any MapLibre or Mapbox GL JS compatible renderer.

What is Geocoding?

Geocoding is the process of converting a text address or place name into latitude and longitude coordinates. Reverse geocoding does the opposite: it converts coordinates into the nearest human-readable address.

Questions about adding maps to your app

• How do I add a map to my app?

  Install MapLibre GL JS, create a map instance pointed at a maps.guru style URL with your API key, and mount it on a container element with an explicit height. The per-framework guides give the exact wrapper code for React, Vue, Svelte, Angular, Flutter, and React Native.

• Which framework has the best map support?

  All of them render the same MapLibre GL JS canvas, so the map itself is identical. What differs is lifecycle wiring: React and Vue need the map instance kept out of reactive state, Svelte needs cleanup on destroy, and React Native and Flutter use platform-native MapLibre bindings.

• Do I need a separate wrapper library?

  No. MapLibre GL JS works directly in every framework. Wrappers such as v-maplibre for Vue are conveniences for declarative layer management, not requirements.