india-boundary-corrector openlayers IIFE example

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ol@10.3.1/ol.css">
<script src="https://cdn.jsdelivr.net/npm/ol@10.3.1/dist/ol.js"></script>
<script src="https://unpkg.com/@india-boundary-corrector/openlayers-layer/dist/index.global.js"></script>

<div id="map" style="height: 400px;"></div>

<script>
  const { IndiaBoundaryCorrectedTileLayer } = IndiaBoundaryCorrector;

  const map = new ol.Map({
    target: 'map',
    layers: [
      new IndiaBoundaryCorrectedTileLayer({
        url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png'
      })
    ],
    view: new ol.View({
      center: ol.proj.fromLonLat([75.3412, 33.2778]),
      zoom: 5
    })
  });
</script>