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

Tile layer rendering with the composite renderer

Browse Source
This commit is contained in:
Tim Schaub
2018-11-14 15:45:03 +01:00
parent 433ab97d1c
commit 5ba8795355
4 changed files with 313 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
rendering/cases/multiple-layers/expected.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 115 KiB

After

Width:  |  Height:  |  Size: 101 KiB

27
rendering/cases/multiple-layers/main.js
View File

@@ -2,33 +2,34 @@ import Map from '../../../src/ol/Map.js';
import View from '../../../src/ol/View.js';
import {Vector as VectorLayer, Tile as TileLayer} from '../../../src/ol/layer.js';
import {Vector as VectorSource, XYZ} from '../../../src/ol/source.js';
import Point from '../../../src/ol/geom/Point.js';
import Feature from '../../../src/ol/Feature.js';
import {fromLonLat} from '../../../src/ol/proj.js';
const center = fromLonLat([-111, 45.7]);
import GeoJSON from '../../../src/ol/format/GeoJSON.js';
import {Style, Stroke} from '../../../src/ol/style.js';
new Map({
layers: [
new TileLayer({
source: new XYZ({
url: '/data/tiles/satellite/{z}/{x}/{y}.jpg'
url: '/data/tiles/satellite/{z}/{x}/{y}.jpg',
maxZoom: 3
})
}),
new VectorLayer({
style: new Style({
stroke: new Stroke({
color: 'rgba(255,255,255,0.5)',
width: 0.75
})
}),
source: new VectorSource({
features: [
new Feature(
new Point(center)
)
]
url: '/data/countries.json',
format: new GeoJSON()
})
})
],
target: 'map',
view: new View({
center: center,
zoom: 3
center: [0, 0],
zoom: 2
})
});