<!DOCTYPE html>
<html>
<head>
<script src='https://cdnjs.cloudflare.com/ajax/libs/openlayers/2.13.1/OpenLayers.js' type='text/javascript'></script>
<style type="text/css">#map .olControlAttribution {bottom: 5px}</style>
<script type='text/javascript'>
function initMap() {
var apiKey = 'your-api-key';
var host = 'https://maps.omniscale.net/v2/' + apiKey + '/style.grayscale/${z}/${x}/${y}.png';
var attribution = '© 2024 · <a href="https://maps.omniscale.com/">Omniscale</a> ' +
'· Map data: <a href="https://www.openstreetmap.org/copyright">OpenStreetMap (Lizenz: ODbL)</a>';
var layer = new OpenLayers.Layer.XYZ("TMS", host, {attribution: attribution});
var map = new OpenLayers.Map('map', {
center: new OpenLayers.LonLat(915046, 7008963),
zoom: 13,
layers: [layer],
projection: new OpenLayers.Projection('EPSG:3857')
});
};
</script>
</head>
<body onload='initMap()'>
<div id='map' style='height: 400px; width: 400px;'></div>
</body>
</html>