Example touch-ups
The strokeStyle property is now spelled strokeColor. There is no sense in setting opacity to 1.5. Moving map initialization up.
This commit is contained in:
@@ -14,8 +14,6 @@ goog.require('ol.style.Rule');
|
|||||||
goog.require('ol.style.Style');
|
goog.require('ol.style.Style');
|
||||||
|
|
||||||
|
|
||||||
var map;
|
|
||||||
|
|
||||||
var raster = new ol.layer.TileLayer({
|
var raster = new ol.layer.TileLayer({
|
||||||
source: new ol.source.MapQuestOpenAerial()
|
source: new ol.source.MapQuestOpenAerial()
|
||||||
});
|
});
|
||||||
@@ -28,15 +26,24 @@ var vector = new ol.layer.Vector({
|
|||||||
new ol.style.Rule({
|
new ol.style.Rule({
|
||||||
symbolizers: [
|
symbolizers: [
|
||||||
new ol.style.Polygon({
|
new ol.style.Polygon({
|
||||||
strokeStyle: '#696969',
|
strokeColor: '#696969'
|
||||||
strokeWidth: 1,
|
|
||||||
opacity: 1.5
|
|
||||||
})
|
})
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
]})
|
]})
|
||||||
});
|
});
|
||||||
|
|
||||||
|
var map = new ol.Map({
|
||||||
|
layers: new ol.Collection([raster, vector]),
|
||||||
|
renderer: ol.RendererHint.CANVAS,
|
||||||
|
target: 'map',
|
||||||
|
view: new ol.View2D({
|
||||||
|
center: new ol.Coordinate(0, 0),
|
||||||
|
zoom: 1
|
||||||
|
})
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
var geojson = new ol.parser.GeoJSON();
|
var geojson = new ol.parser.GeoJSON();
|
||||||
var url = 'data/countries.json';
|
var url = 'data/countries.json';
|
||||||
var xhr = new XMLHttpRequest();
|
var xhr = new XMLHttpRequest();
|
||||||
@@ -55,12 +62,3 @@ xhr.onload = function() {
|
|||||||
};
|
};
|
||||||
xhr.send();
|
xhr.send();
|
||||||
|
|
||||||
map = new ol.Map({
|
|
||||||
layers: new ol.Collection([raster, vector]),
|
|
||||||
renderer: ol.RendererHint.CANVAS,
|
|
||||||
target: 'map',
|
|
||||||
view: new ol.View2D({
|
|
||||||
center: new ol.Coordinate(0, 0),
|
|
||||||
zoom: 1
|
|
||||||
})
|
|
||||||
});
|
|
||||||
|
|||||||
Reference in New Issue
Block a user