Print Map Reports in Risk Evaluation Website

Web
|
Addresscloud
|

I was hired by UK location intelligence geocoding provider Addresscloud to enhance their platform's print report functionality. The company's web app consists of a map-based panel with a list of selected property information on exposure to different types of risk and related metrics.

I developed a javascript utility that generates a printable A4 PDF report of the current map view and related fetched statistics into the layout requested by the client. The code resizes the map canvas into the calculated print resolution size, and builds the PDF layout using jsPDF client-side, importing data like user email from application state.

The original code was optimised with 200kb reduction in bundle size and the user experience was enhanced, including a buffering modal while the generation works, and a responsive two column consistent visual design in the final print.

More projects in web

Cover Image for Movie Catalog in Vanilla JS
Movie Catalog in Vanilla JS
Cover Image for NPM Package: Maps to PDF
NPM Package: Maps to PDF
Cover Image for Insumify: Order Management Platform in Next.js
Insumify: Order Management Platform in Next.js
Cover Image for Advanced Map Dashboard in React
Advanced Map Dashboard in React
Cover Image for Ptolemy: Fullstack Cultural Travel App
Ptolemy: Fullstack Cultural Travel App
Cover Image for MapTakeout: Web map to PDF
MapTakeout: Web map to PDF
Cover Image for Map against violence: geoenabling a web initiative
Map against violence: geoenabling a web initiative