ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Use new ol.style in geojson example

Browse Source
This commit is contained in:
Éric Lemoine
2013-11-20 14:48:46 +01:00
parent db7ce8e657
commit 602fd7f13a
1 changed files with 31 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
examples/geojson.js
View File

@@ -9,52 +9,56 @@ goog.require('ol.layer.Vector');
goog.require('ol.shape');
goog.require('ol.source.OSM');
goog.require('ol.source.Vector');
goog.require('ol.style.Fill');
goog.require('ol.style.Stroke');
goog.require('ol.style.Style');
var image = ol.shape.renderCircle(5, null, {color: 'red', width: 1});
var image = ol.shape.renderCircle(5, null,
new ol.style.Stroke({color: 'red', width: 1}));
var styleFunction = function(feature) {
switch (feature.getGeometry().getType()) {
case 'Point':
return {
return new ol.style.Style({
image: image
};
});
case 'Polygon':
return {
stroke: {
return new ol.style.Style({
stroke: new ol.style.Stroke({
color: 'blue',
width: 3
},
fill: {
}),
fill: new ol.style.Fill({
color: 'rgba(0, 0, 255, 0.1)'
}
};
})
});
case 'MultiLineString':
return {
stroke: {
return new ol.style.Style({
stroke: new ol.style.Stroke({
color: 'green',
width: 1
}
};
})
});
case 'MultiPolygon':
return {
stroke: {
return new ol.style.Style({
stroke: new ol.style.Stroke({
color: 'yellow',
width: 1
},
fill: {
}),
fill: new ol.style.Fill({
color: 'rgba(255, 255, 0, 0.1)'
}
};
})
});
default:
return {
stroke: {
return new ol.style.Style({
stroke: new ol.style.Stroke({
color: 'red',
width: 2
},
fill: {
}),
fill: new ol.style.Fill({
color: 'rgba(255, 0, 0, 0.1)'
}
};
})
});
}
};
@@ -125,10 +129,10 @@ var tmpFeature = new ol.Feature(
var tmpStyle = {
fill: null,
image: null,
stroke: {
stroke: new ol.style.Stroke({
color: 'magenta',
width: 5
}
})
};
vectorLayer.on('postcompose', function(event) {
var render = event.getRender();