Take the 2-minute tour ×
Geographic Information Systems Stack Exchange is a question and answer site for cartographers, geographers and GIS professionals. It's 100% free, no registration required.

I have created a WEB MAP using Openlayers-Geoserver-Postgis....

The Label of one of the Vector feature layer is not visible in Internet Explorer 8(IE 8) ,but clearly visible in Google Chrome 27.0.1453.94....

As most of my map viewers use IE8 so it is important to have the full map along with label in IE8...

part of the code used is as follows...

var vectorLayer = new OpenLayers.Layer.Vector("SupplyOff"); map.addLayer(vectorLayer);


$qry_xy="select * from ci_master@ltdvlp where x is not null AND GIS_SOURCE_CODE LIKE '01%' AND ROWNUM < 5";

$parsed =oci_parse($db_conn_prod,$qry_xy); oci_execute($parsed); $nrows3=oci_fetch_all($parsed,$results3); echo $nrows3;


var description_new = ''; var x = ''; var y =''; var cons =''; var type = '';

vectorLayer.addFeatures([new OpenLayers.Feature.Vector(
            new OpenLayers.Geometry.Point(x,y ),

                //Attributes go here
                description:'cons: '+cons,
                size: 5 + (Math.floor(Math.random() * 20)),
                label: 'F'+cons,
                strokeWidth: (Math.floor(Math.random() * 10))
    //Create a style object to be used by a StyleMap object
    var vector_style = new OpenLayers.Style({
        'cursor': 'pointer',
        'fillColor': '#2bff05',
        'fillOpacity': .8,
        'fontColor': '#a52505',
        'label': '${label}',
        'pointRadius': '${size}',
        'strokeColor': '#232323',
        'strokeDashstyle': 'solid',
        'strokeWidth': '${strokeWidth}',


    //  style object we just created
    var vector_style_map = new OpenLayers.StyleMap({
        'default': vector_style

    //Add the style map to the vector layer
    vectorLayer.styleMap = vector_style_map;

map.addLayer(vectorLayer); var controls = { selector: new OpenLayers.Control.SelectFeature(vectorLayer, { onSelect: createPopup, onUnselect: destroyPopup }) };

function createPopup(feature) {
  feature.popup = new OpenLayers.Popup.FramedCloud("pop",
      '<div class="markerContent">'+feature.attributes.description+'</div>',
      function() { controls['selector'].unselectAll(); }


function destroyPopup(feature) {
  feature.popup = null;


View in Google Chrome

View in IE 8

Thanks in advance....

share|improve this question
you have a trailing comma - 'strokeWidth': '${strokeWidth}', Try removing it –  iant May 26 '13 at 6:43
I have removed it....but same problem.... –  Sandipan Saha May 26 '13 at 11:08
Did you ever get to the bottom of this? –  user27152 Feb 20 at 9:10
add comment

Know someone who can answer? Share a link to this question via email, Google+, Twitter, or Facebook.

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Browse other questions tagged or ask your own question.