Products
Product · Interactive maps
Maps
Build fast, interactive Thailand maps with MapLibre-compatible styles, vector tiles, fonts and sprites.
What you’ll achieve
Use Maps when users need to pan, zoom, select places or view live data layers.
What Maps provides
A style document tells MapLibre how the map looks. The style loads vector tiles plus Thai-capable glyph and sprite assets from MapScale. Your app adds markers, popups and data layers.
Smallest working example
Use a publishable key restricted to your development and production origins.
<link href="https://unpkg.com/maplibre-gl@6/dist/maplibre-gl.css" rel="stylesheet" />
<div id="map" style="height: 480px"></div>
<script type="module">
import * as maplibregl from "https://unpkg.com/maplibre-gl@6/dist/maplibre-gl.mjs";
const key = "YOUR_PUBLISHABLE_KEY";
new maplibregl.Map({
container: "map",
style: `https://api.mapscale.io/styles/v1/streets?key=${key}&lang=th`,
center: [100.5018, 13.7563],
zoom: 11
});
</script>Choose interactive or static
Interactive maps are best for exploration and live overlays. Choose Static Maps for email, social previews, PDFs or other places where JavaScript cannot run.