Comments (3)
I think using resize event isn't a good idea.
Try "idle" instead. For me this works:
function saveImage() {
map.setPixelRatio(300 / 48);
map.once('idle', () => {
const link = document.createElement('a');
link.href = map.getCanvas().toDataURL('image/png');
link.download = 'map.png';
document.body.appendChild(link);
link.click();
});
}
from maplibre-gl-js.
Thanks for the response!
I have tried any number of combos with this and had the same problem with all of them.
But you're quite right - in the jsbin the "idle" event is indeed working ok.
I have tested the 'idle' listener in my own project again and it's still producing blank images. My theory here is similar to the difference between having the developer tools open vs not. The timing is just slightly different for the idle handler in the pastebin vs in my project which of course is drawing a lot more on the map than just this simple example.
from maplibre-gl-js.
You need to use preserveDrawingBuffer.
The link to jsbin isn't working.
Converting to a discussion.
from maplibre-gl-js.
Related Issues (20)
- Fill outline drawn over instead of under overlapping polygon HOT 5
- Inconsistent behavior between circles and symbols with GeoJSON data HOT 1
- Globe - Improve tile management HOT 2
- Globe - Add an atmosphere layer HOT 6
- Globe - Manage bakcground color / stars HOT 5
- Pixel Raw Projection HOT 1
- Benchmarks are broken: window.maplibreglBenchmarks is undefined HOT 3
- Type def of `Map` constructor option `localIdeographFontFamily` doesn't accept `false` HOT 4
- Sprite url gets validated before transformRequest HOT 2
- Ability to set opacity for entire layer HOT 1
- Proposal: Support custom text transformation plugins HOT 2
- Incomplete feature.geometry during MapLayerMouseEvent HOT 1
- Custom Marker Overlaid by Default Pin in MaplibreGL JS Versions After 3.1.0 HOT 1
- Map freeze if mouse event below terrain HOT 5
- Update OSM wiki and possibly Wikipedia with relevant info HOT 4
- Large screen: unwanted pan-jump as pan action finishes (3d terrain) HOT 4
- How to enable rendering certain classes at levels above 12 HOT 2
- WebGL 1 phase out HOT 4
- Layer `type` change causing a full map reload HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from maplibre-gl-js.