[OpenLayers-Users] Simple Styling Problem

Mon Nov 24 11:10:16 EST 2008

var vectorStyleMap = new OpenLayers.StyleMap({
    fillColor:'white',
    strokeColor:'red',
    strokeWidth:1
});
var vector_layer = ne OpenLayers.Layer.Vector("My layer
Name",{styleMap:vectorStyleMap});

________________________________

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

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/1d36be33/attachment.html