ThinkGeo.com    |     Documentation    |     Premium Support

Static image/html over map

#1

Hi all,


I recall seeing something about this is the past, but I can't seem to find it now.  I'm trying to figure out if there's a way to display something (specifically a text link) over the map and have it be stationary as the map moves around.  Is there any way to accomplish this?  Thanks in advance.


-Dustin



#2

Hi Dustin,



Please add the following JavaScript to the header tag of your page. Hope if helps.

var OnMapCreated = function(map) {
    OpenLayers.Control.CustomInfo = OpenLayers.Class(OpenLayers.Control.Attribution, {
        innerHtml: null,
        initialize: function(innerHtml) {
            this.innerHtml = innerHtml;
        },
        updateAttribution: function() {
            if (this.map && this.innerHtml) {
                // change the position here.
                this.div.style.right = "10px";
                this.div.style.bottom = "50px";
                this.div.innerHTML = this.innerHtml;
            }
        }
    });
    var customInfo = new OpenLayers.Control.CustomInfo("<a href='#'>The is our custom information</a>");
    map.addControl(customInfo);
}


Any questions please let me know.



Thanks,

Howard



#3

Exactly what I’m looking for, thanks a lot Howard.

#4

Dustin, 
  
 You are welcome. Please let me know if you have more queries. 
  
 Thanks, 
 Howard