Apply css styles to layers in openlayers3

المشرف العام

Administrator
طاقم الإدارة
define layers and styles using openlayers3 API.I need to apply css styles for layers.for that code is in below used

//applying styles for wms layervar fill = new ol.style.Fill({color: 'rgba(237, 26, 170, 0.82)'});var stroke = new ol.style.Stroke({color: '#4A12ED',width: 1.25});var text = new ol.style.Text({color: '#F21A6C'});var styles = [new ol.style.Style({ image: new ol.style.Circle({ fill: fill, stroke: stroke, radius: 5 }), fill: fill, stroke: stroke, })];var wms = new ol.layer.Tile({ source: new ol.source.TileWMS({title: "Population Density",url: 'http://sedac.ciesin.columbia.edu/geoserver/wms',params: {LAYERS: 'gpw-v3:gpw-v3-population-density_2000'}}), style: styles});/*****************************************************************************///applying styles for unescap layervar unescap = new ol.layer.Tile({ source: new ol.source.TileWMS({url: 'http://203.159.29.11:8200/geoserver/unescap/wms?',params: {LAYERS: 'unescap:rg_di_any_all'}}), style: new ol.style.Style({ stroke: new ol.style.Stroke({color: '#319FD3',width: 1}), fill: new ol.style.Fill({color: 'rgba(17, 224, 36, 0.66)'}), text: new ol.style.Text({ font: '12px Calibri,sans-serif', fill: new ol.style.Fill({color: '#ff0'}), stroke: new ol.style.Stroke({ color: '#09C',width: 3}) }) })});but styles are not applied error messages are not available in consoleI want to know what is wrong with this code and how to apply styles properly.



أكثر...
 
أعلى