Bản đồ nền vector và ảnh vệ tinh cho ứng dụng tại Việt Nam

<link href="https://unpkg.com/maplibre-gl@4.7.1/dist/maplibre-gl.css" rel="stylesheet">
<script src="https://unpkg.com/maplibre-gl@4.7.1/dist/maplibre-gl.js"></script>
<div id="map" style="height: 420px"></div>
<script>
  const KEY = 'public-gmap-cloud-x-api-key-demo';
  new maplibregl.Map({
    container: 'map',
    style: `https://cloud.gmap.vn/api/tiles/style/basemap?x-api-key=${KEY}`,
    center: [108.2208, 16.0678],
    zoom: 13,
  });
</script>

// GET /api/tiles/style/basemap → MapLibre style descriptor
{
  "version": 8,
  "name": "GMap Style Basic",
  "sources": { "basemap": { … }, "poi": { … } },
  "glyphs": "https://cloud.gmap.vn/api/tiles/font/{fontstack}/{range}?x-api-key=…",
  "sprite": "https://cloud.gmap.vn/api/tiles/sprite/icons?x-api-key=…",
  "layers": [ … 116 layers … ]
}