Robin-van-der-Linde/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Docs: update docs

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-10-19 16:32:42 +02:00
parent f2e3173eeb
commit 2a0e194c20
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/Models/MapProperties.ts
View file

@ -17,5 +17,9 @@ export interface MapProperties {
} }
export interface ExportableMap { export interface ExportableMap {
exportAsPng(dpiFactor: number): Promise<Blob> /**
* Export the current map as PNG.
* @param markerScale: if given, the markers will be 'markerScale' bigger. This is to use in combination with a supersized canvas to have more pixels and achieve print quality
*/
exportAsPng(markerScale?: number): Promise<Blob>
} }

8
src/UI/Map/MapLibreAdaptor.ts
View file

@ -224,7 +224,7 @@ export class MapLibreAdaptor implements MapProperties, ExportableMap {
return url return url
} }
public async exportAsPng(dpiFactor: number): Promise<Blob> { public async exportAsPng(markerScale: number = 1): Promise<Blob> {
const map = this._maplibreMap.data const map = this._maplibreMap.data
if (!map) { if (!map) {
return undefined return undefined
@ -235,14 +235,14 @@ export class MapLibreAdaptor implements MapProperties, ExportableMap {
const ctx = drawOn.getContext("2d") const ctx = drawOn.getContext("2d")
// Set up CSS size. // Set up CSS size.
MapLibreAdaptor.setDpi(drawOn, ctx, dpiFactor / map.getPixelRatio()) MapLibreAdaptor.setDpi(drawOn, ctx, markerScale / map.getPixelRatio())
await this.exportBackgroundOnCanvas(ctx) await this.exportBackgroundOnCanvas(ctx)
// MapLibreAdaptor.setDpi(drawOn, ctx, 1) // MapLibreAdaptor.setDpi(drawOn, ctx, 1)
const markers = await this.drawMarkers(dpiFactor) const markers = await this.drawMarkers(markerScale)
ctx.drawImage(markers, 0, 0, drawOn.width, drawOn.height) ctx.drawImage(markers, 0, 0, drawOn.width, drawOn.height)
ctx.scale(dpiFactor, dpiFactor) ctx.scale(markerScale, markerScale)
this._maplibreMap.data?.resize() this._maplibreMap.data?.resize()
return await new Promise<Blob>((resolve) => drawOn.toBlob((blob) => resolve(blob))) return await new Promise<Blob>((resolve) => drawOn.toBlob((blob) => resolve(blob)))
} }