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

Merge pull request #10097 from fredj/text-align

Browse Source 
Align layer canvas to the left
This commit is contained in:
Frédéric Junod
2019-10-10 08:31:36 +02:00
committed by GitHub
parent 873999ec7d f20db28901
commit 736ef88473
6 changed files with 53 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
rendering/cases/map-text-align/expected.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 112 KiB

rendering/cases/map-text-align/index.html
+26
View File
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<style>
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
#map {
width: 100%;
height: 100%;
text-align: right;
}
.ol-control {
display: none;
}
</style>
</head>
<body>
<div id="map"></div>
<script src="main.js"></script>
</body>
</script>
</html>
rendering/cases/map-text-align/main.js
+24
View File
@@ -0,0 +1,24 @@
import Map from '../../../src/ol/Map.js';
import View from '../../../src/ol/View.js';
import TileLayer from '../../../src/ol/layer/Tile.js';
import {fromLonLat} from '../../../src/ol/proj.js';
import XYZ from '../../../src/ol/source/XYZ.js';
new Map({
layers: [
new TileLayer({
source: new XYZ({
url: '/data/tiles/satellite/{z}/{x}/{y}.jpg'
})
})
],
target: 'map',
view: new View({
rotation: Math.PI / 3,
center: fromLonLat([8.6, 50.1]),
zoom: 3
})
});
render();
src/ol/renderer/canvas/Layer.js
+1
View File
@@ -109,6 +109,7 @@ class CanvasLayerRenderer extends LayerRenderer {
container.appendChild(canvas); container.appendChild(canvas);
style = canvas.style; style = canvas.style;
style.position = 'absolute'; style.position = 'absolute';
style.left = '0';
style.transformOrigin = 'top left'; style.transformOrigin = 'top left';
this.container = container; this.container = container;
this.context = context; this.context = context;
src/ol/renderer/canvas/VectorTileLayer.js
+1
View File
@@ -138,6 +138,7 @@ class CanvasVectorTileLayerRenderer extends CanvasTileLayerRenderer {
const overlayContext = createCanvasContext2D(); const overlayContext = createCanvasContext2D();
const style = overlayContext.canvas.style; const style = overlayContext.canvas.style;
style.position = 'absolute'; style.position = 'absolute';
style.left = '0';
style.transformOrigin = 'top left'; style.transformOrigin = 'top left';
this.overlayContext_ = overlayContext; this.overlayContext_ = overlayContext;
this.overlayContextUid_ = getUid(overlayContext); this.overlayContextUid_ = getUid(overlayContext);
src/ol/webgl/Helper.js
+1
View File
@@ -247,6 +247,7 @@ class WebGLHelper extends Disposable {
*/ */
this.canvas_ = document.createElement('canvas'); this.canvas_ = document.createElement('canvas');
this.canvas_.style.position = 'absolute'; this.canvas_.style.position = 'absolute';
this.canvas_.style.left = '0';
/** /**