Hitit Grayscale

<iframe
  src="https://www.hititmedya.com/embed/map/hitit-grayscale?lng=27.14280&lat=38.42370&zoom=12.00"
  width="100%" height="400"
  style="border:0; border-radius:8px;"
  loading="lazy"
  title="Map"></iframe>

https://tiles.hititmedya.com/v1/styles/hitit-grayscale.json

<div id="map" style="width:100%;height:400px"></div>
<link href="https://unpkg.com/maplibre-gl@5/dist/maplibre-gl.css" rel="stylesheet" />
<script src="https://unpkg.com/maplibre-gl@5/dist/maplibre-gl.js"></script>
<script>
  const map = new maplibregl.Map({
    container: "map",
    style: "https://tiles.hititmedya.com/v1/styles/hitit-grayscale.json",
    center: [27.14280, 38.42370],
    zoom: 12.00
  });
  map.addControl(new maplibregl.NavigationControl());
</script>