bad401bc17
When a style has no rules, the "else" symbolizers apply. When a style has rules and none of them apply to the given feature, the "else" symbolizers apply. Note that this is different than default symbolizer properties that might be merged into all symbolizers (as in OL2) - I don't think we should support that.
50 lines
1.1 KiB
JavaScript
50 lines
1.1 KiB
JavaScript
goog.require('ol.Map');
|
|
goog.require('ol.RendererHint');
|
|
goog.require('ol.View2D');
|
|
goog.require('ol.layer.TileLayer');
|
|
goog.require('ol.layer.Vector');
|
|
goog.require('ol.parser.TopoJSON');
|
|
goog.require('ol.source.TileJSON');
|
|
goog.require('ol.source.Vector');
|
|
goog.require('ol.style.Fill');
|
|
goog.require('ol.style.Rule');
|
|
goog.require('ol.style.Stroke');
|
|
goog.require('ol.style.Style');
|
|
|
|
|
|
var raster = new ol.layer.TileLayer({
|
|
source: new ol.source.TileJSON({
|
|
url: 'http://api.tiles.mapbox.com/v3/mapbox.world-dark.jsonp'
|
|
})
|
|
});
|
|
|
|
var vector = new ol.layer.Vector({
|
|
source: new ol.source.Vector({
|
|
url: 'data/topojson/world-110m.json',
|
|
parser: new ol.parser.TopoJSON()
|
|
}),
|
|
style: new ol.style.Style({
|
|
symbolizers: [
|
|
new ol.style.Fill({
|
|
color: '#BADA55',
|
|
opacity: 0.5
|
|
}),
|
|
new ol.style.Stroke({
|
|
color: '#FFF',
|
|
opacity: 1,
|
|
width: 1.5
|
|
})
|
|
]
|
|
})
|
|
});
|
|
|
|
var map = new ol.Map({
|
|
layers: [raster, vector],
|
|
renderer: ol.RendererHint.CANVAS,
|
|
target: 'map',
|
|
view: new ol.View2D({
|
|
center: [0, 0],
|
|
zoom: 1
|
|
})
|
|
});
|