<!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.default/map';
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.WMS('Example layer', host,
{layers: 'osm'}, {attribution: attribution}
);
var map = new OpenLayers.Map('map', {
center: new OpenLayers.LonLat(8.22, 53.14),
zoom: 13,
layers: [layer]
});
};
</script>
</head>
<body onload='initMap()'>
<div id='map' style='height: 400px; width: 400px;'></div>
</body>
</html>