rendering incomplete when using setPadding() #5486
Comments
HarelM
added
bug
|
Can you please create a minimal reproduction with minimal layers using jsbin or equivalent? |
|
5.0.0-pre.5 is good, will provide a more minimal reproduction tomorrow |
|
Got it down to one layer and put it in a jsbin to play around: NOTE: make the output window as big as possible for better reconstruction <!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/maplibre-gl@5.0.0-pre.6/dist/maplibre-gl.js"></script>
<link href="https://unpkg.com/maplibre-gl@5.0.0-pre.6/dist/maplibre-gl.css" rel="stylesheet" />
</head>
<body>
<style>
body, html, #map { height: 100%; width: 100% }
</style>
<div id="map"></div>
<script>
var map = new maplibregl.Map({
style: {
"version": 8,
"sources": {
"sym_vector": {
"type": "vector",
"url": "https://search.ch/map.vector/tilejson/sym_vector.json"
}
},
"layers": [{
"type": "fill",
"paint": { "fill-color": "green" },
"source": "sym_vector",
"source-layer": "wood",
"id": "wood"
}]
},
center: [ 7.881186, 46.291304 ],
zoom: 11,
container: 'map',
hash: true
});
map.showPadding = 1;
map.setPadding({ top:100, left: 300, bottom:100, right: 300 });
</script>
</body>
</html> |
|
I'm guessing this is related to the covering tiles changes made as part of pre-release 6.
pre.5:
|
Somehow the map renders not properly anymore when using
map.setPadding()using our styles.It worked in maplibre-gl-js 4.7.1, and is broken in 5.0.0 and 5.1.0.
Steps to Trigger Behavior
using Firefox or Chromium on Linux on a reasonably big display
Link to Demonstration
https://test.twin.search.ch/pub/maplibre_setpadding_5.1.0.html
Expected Behavior
Map renders properly everywhere.
https://test.twin.search.ch/pub/maplibre_setpadding_4.7.1.html works properly.
Actual Behavior
Map doesn't render properly on the left and right side. See screenshots.
5.1.0:
4.7.1:
The text was updated successfully, but these errors were encountered: