Custom text over map

by _DR_

HTML

<script src="http://openlayers.org/dev/OpenLayers.js"></script>
<div id="mapdiv"></div>
<div id="text">Custom text</div>

CSS

#mapdiv {
    width: 400px;
    height: 200px;
    border: 1px solid #dddddd;
}

#text {
    font-family: Arial;
    font-size: smaller;
}

JavaScript

map = new OpenLayers.Map("mapdiv", {});

logo = $("text");
logo.style.position = "absolute";
logo.style.zIndex = "1100";
logo.style.right = "15px";
logo.style.top = "5px";

map.viewPortDiv.appendChild(logo);