نمونه کد MapLibre برای نمایش لایه منتشرشده

<link href="https://unpkg.com/maplibre-gl@4/dist/maplibre-gl.css" rel="stylesheet">
<script src="https://unpkg.com/maplibre-gl@4/dist/maplibre-gl.js"></script>
<div id="map" style="height:480px"></div>
<script>
const map = new maplibregl.Map({
  container: 'map',
  style: 'https://demotiles.maplibre.org/style.json',
  center: [51.39, 35.69], zoom: 10
});
map.on('load', () => {
  map.addSource('mine', { type: 'vector', url: 'https://سایت-شما/tiles/LAYER.json' });
  map.addLayer({ id: 'mine-fill', type: 'fill', source: 'mine',
    'source-layer': 'LAYER', paint: { 'fill-color': '#0f766e', 'fill-opacity': 0.5 } });
});
</script>

LAYER را با شناسه لایه جایگزین کنید (آدرس‌ها). نقشه پایه را هر چه می‌خواهید بگذارید. برای لایه عمومی کلید نگذارید؛ برای خصوصی کلید را سمت سرور نگه دارید.