<!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'
}, {
singleTile: true,
ratio: 1,
attribution: attribution
}
);
var map = new OpenLayers.Map('map', {
center: new OpenLayers.LonLat(448155, 5888572),
zoom: 5,
layers: [layer],
projection: new OpenLayers.Projection('EPSG:25832'),
maxExtent: new OpenLayers.Bounds(384015, 5846682, 516991, 5931295)
});
};
</script>
</head>
<body onload='initMap()'>
<div id='map' style='height: 400px; width: 400px;'></div>
</body>
</html>