mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
98 lines
2.0 KiB
TypeScript
98 lines
2.0 KiB
TypeScript
import StaticMaps from 'staticmaps';
|
|
|
|
// Initialization
|
|
const map = new StaticMaps({
|
|
width: 100,
|
|
height: 100,
|
|
});
|
|
new StaticMaps({
|
|
width: 100,
|
|
height: 100,
|
|
paddingX: 1,
|
|
paddingY: 1,
|
|
tileUrl: 'https://tile.server/{x}/{y}/{z}',
|
|
tileSize: 50,
|
|
tileRequestTimeout: 2000,
|
|
tileRequestHeader: {
|
|
Authorization: 'Bearer token',
|
|
},
|
|
maxZoom: 17,
|
|
reverseY: true,
|
|
});
|
|
|
|
// addMarker
|
|
map.addMarker({
|
|
coord: [13.437524, 52.4945528],
|
|
img: './marker.png', // can also be a URL
|
|
height: 48,
|
|
width: 48,
|
|
});
|
|
map.addMarker({
|
|
coord: [13.437524, 52.4945528],
|
|
img: './marker.png', // can also be a URL
|
|
height: 48,
|
|
width: 48,
|
|
offsetX: 24,
|
|
offsetY: 48,
|
|
});
|
|
|
|
// addLine
|
|
map.addLine({
|
|
coords: [[13.399259, 52.482659], [13.387849, 52.477144], [13.40538, 52.510632]],
|
|
});
|
|
map.addLine({
|
|
coords: [[13.399259, 52.482659], [13.387849, 52.477144], [13.40538, 52.510632]],
|
|
color: '#0000FFBB',
|
|
width: 3,
|
|
});
|
|
|
|
// addPolygon
|
|
map.addPolygon({
|
|
coords: [[13.399259, 52.482659], [13.387849, 52.477144], [13.40538, 52.510632], [13.399259, 52.482659]],
|
|
color: '#0000FFBB',
|
|
width: 3,
|
|
fill: '#0000FFBB',
|
|
});
|
|
map.addPolygon({
|
|
coords: [[13.399259, 52.482659], [13.387849, 52.477144], [13.40538, 52.510632], [13.399259, 52.482659]],
|
|
});
|
|
|
|
// addText
|
|
map.addText({
|
|
coord: [13.437524, 52.4945528],
|
|
text: 'My Text',
|
|
});
|
|
map.addText({
|
|
coord: [13.437524, 52.4945528],
|
|
text: 'My Text',
|
|
size: 50,
|
|
width: 1,
|
|
fill: '#000000',
|
|
color: '#ffffff',
|
|
font: 'Calibri',
|
|
});
|
|
|
|
// render
|
|
map.render();
|
|
map.render([13.437524, 52.4945528], 15);
|
|
|
|
// Save image
|
|
map.image
|
|
.save()
|
|
.then()
|
|
.catch();
|
|
map.image
|
|
.save('my-staticmap-image.png', { compressionLevel: 9 })
|
|
.then()
|
|
.catch();
|
|
|
|
// Buffer image
|
|
map.image
|
|
.buffer()
|
|
.then(buffer => buffer.toString())
|
|
.catch();
|
|
map.image
|
|
.buffer('image/jpeg', { quality: 75 })
|
|
.then(buffer => buffer.toString())
|
|
.catch();
|