<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@^6.0.0/dist/maplibre-gl.css" />
<div id="map" style="width: 100%; height: 100%; margin: 0;"></div>
<script type="module">
    import * as maplibregl from 'https://unpkg.com/maplibre-gl@^6.0.0/dist/maplibre-gl.mjs';

    maplibregl.setRTLTextPlugin(
      "https://unpkg.com/@mapbox/mapbox-gl-rtl-text@latest/dist/mapbox-gl-rtl-text.js",
      true
    );''

    const map = new maplibregl.Map({
      container: "map",
      style: "https://tiles.opensaudimap.com/styles/osm-openmaptiles.json",
      center: [45, 24],
      zoom: 5
    });
</script>