fix: allow to style each individual path for static images
Signed-off-by: Samuel Leihkamm <s.leihkamm@gmx.com>
This commit is contained in:
parent
ad185479f2
commit
3f2fd42381
1 changed files with 7 additions and 12 deletions
|
|
@ -442,9 +442,10 @@ const drawMarkers = async (ctx, markers, z) => {
|
||||||
* @param {object} ctx Canvas context object.
|
* @param {object} ctx Canvas context object.
|
||||||
* @param {List[Number]} path List of coordinates.
|
* @param {List[Number]} path List of coordinates.
|
||||||
* @param {object} query Request query parameters.
|
* @param {object} query Request query parameters.
|
||||||
|
* @param {string} pathQuery Path query parameter.
|
||||||
* @param {number} z Map zoom level.
|
* @param {number} z Map zoom level.
|
||||||
*/
|
*/
|
||||||
const drawPath = (ctx, path, query, z) => {
|
const drawPath = (ctx, path, query, pathQuery, z) => {
|
||||||
const renderPath = (splitPaths) => {
|
const renderPath = (splitPaths) => {
|
||||||
if (!path || path.length < 2) {
|
if (!path || path.length < 2) {
|
||||||
return null;
|
return null;
|
||||||
|
|
@ -541,14 +542,7 @@ const drawPath = (ctx, path, query, z) => {
|
||||||
ctx.stroke();
|
ctx.stroke();
|
||||||
};
|
};
|
||||||
|
|
||||||
// Check if path in query is valid
|
renderPath(decodeURIComponent(pathQuery).split('|'));
|
||||||
if (Array.isArray(query.path)) {
|
|
||||||
for (let i = 0; i < query.path.length; i += 1) {
|
|
||||||
renderPath(decodeURIComponent(query.path.at(i)).split('|'));
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
renderPath(decodeURIComponent(query.path).split('|'));
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const renderOverlay = async (
|
const renderOverlay = async (
|
||||||
|
|
@ -592,9 +586,10 @@ const renderOverlay = async (
|
||||||
}
|
}
|
||||||
|
|
||||||
// Draw provided paths if any
|
// Draw provided paths if any
|
||||||
for (const path of paths) {
|
paths.forEach((path, i) => {
|
||||||
drawPath(ctx, path, query, z);
|
const pathQuery = Array.isArray(query.path) ? query.path.at(i) : query.path;
|
||||||
}
|
drawPath(ctx, path, query, pathQuery, z);
|
||||||
|
});
|
||||||
|
|
||||||
// Await drawing of markers before rendering the canvas
|
// Await drawing of markers before rendering the canvas
|
||||||
await drawMarkers(ctx, markers, z);
|
await drawMarkers(ctx, markers, z);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue