[OpenLayers-Users] Simple Styling Problem

Mon Nov 24 09:39:26 EST 2008

It still does not seem to work with the test I sent. I have tried

vector_layer = new OpenLayers.Layer.Vector(
	{styleMap: new OpenLayers.StyleMap({fillColor: "#991605"})
);

And also:

map.addLayer(vector_layer,
				{styleMap: new OpenLayers.StyleMap({fillColor: "#991605"})
);

And also:

vector_layer.addFeatures(geojson_format.read(test_territory),  
{styleMap: new OpenLayers.StyleMap({fillColor: "#991605"}));

None of which work. Please can you edit my example, or provide an  
example as nothing seems to be working for me.

Thanks for your help,

Toby

-----Original Message-----
Add a styleMap to your vector layer options parameter.
{styleMap: new OpenLayers.StyleMap({bla bla bla})}

-----Original Message-----
From: users-bounces at openlayers.org [mailto:users-bounces at openlayers.org]
On Behalf Of Toby Rainthorpe
Sent: Monday, November 24, 2008 6:12 AM
To: users at openlayers.org
Subject: [OpenLayers-Users] Simple Styling Problem

Given the simple test below, does anyone know how I would style the
test_territory polygon? Or for that matter the whole of the
vector_layer?

Thanks for your help,

Toby

<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <link rel="stylesheet" href="../theme/default/style.css"
type="text/css" />
     <link rel="stylesheet" href="style.css" type="text/css" />
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
     var lon = 0.30271;
     var lat = 53.29408;
         var zoom = 8;
         var map, layer;

         function init(){
             map = new OpenLayers.Map( 'map' );
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
                     "http://labs.metacarta.com/wms/vmap0",
                     {layers: 'basic'} );
             map.addLayer(layer);
             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);

             var test_territory = {"type":"Polygon","coordinates":
[[[0.30271,53.29408],[0.32185,53.27152],[0.23484,53.19422],
[0.19443,53.21331],[0.16971,53.21241],[0.08345,53.23488],
[0.02083,53.24781],[-0.01269,53.17102],[-0.13717,53.14185],
[-0.15075,53.12439],[-0.13071,53.02398],[-0.22929,53.00390],
[-0.33850,53.06091],[-0.40868,53.05562],[-0.45224,53.05795],
[-0.48515,53.12857],[-0.52103,53.14277],[-0.54183,53.19215],
[-0.49520,53.22299],[-0.48566,53.22575],[-0.51875,53.22722],
[-0.53484,53.22819],[-0.53926,53.22850],[-0.53759,53.23366],
[-0.55354,53.25197],[-0.57064,53.23427],[-0.56796,53.23333],
[-0.54251,53.22764],[-0.54796,53.21912],[-0.55416,53.20214],
[-0.56246,53.19333],[-0.57082,53.17395],[-0.67832,53.10239],
[-0.69929,53.07564],[-0.71693,53.11059],[-0.67402,53.21872],
[-0.66818,53.25521],[-0.77575,53.24668],[-0.76478,53.26913],
[-0.75146,53.32024],[-0.56708,53.35294],[-0.54906,53.42575],
[-0.46125,53.42901],[-0.45928,53.43568],[-0.49191,53.49760],
[-0.41390,53.55006],[-0.31045,53.52675],[-0.21935,53.52730],
[-0.21503,53.50638],[-0.20327,53.46674],[-0.12254,53.45489],
[0.02643,53.46201],[0.08385,53.49654],[0.22836,53.40840],
[0.26803,53.34254],[0.30271,53.29408]],[[-0.40406,53.32102],
[-0.41035,53.29527],[-0.42949,53.26455],[-0.36920,53.22594],
[-0.37631,53.20236],[-0.31336,53.18250],[-0.28899,53.17916],
[-0.25398,53.23297],[-0.30694,53.33457],[-0.40406,53.32102]]]};

            var geojson_format = new OpenLayers.Format.GeoJSON();
            var vector_layer = new OpenLayers.Layer.Vector();

            map.addLayer(vector_layer);

vector_layer.addFeatures(geojson_format.read(test_territory));
         }
     </script>
   </head>
   <body onload="init()">
     <h1 id="title">GeoJSON Example</h1>
     <div id="map" class="smallmap"></div>
   </body>
</html>

-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.osgeo.org/pipermail/openlayers-users/attachments/20081124/62ff1278/attachment.html