Roof Measuring App in Vue.JS & Python/Django -- 2

We are a roofing company and we require an addition to our company web app for roof measuring. Much of the code will need to be performed on the front-end in real-time, storing the measured data to the backend afterwards. We already have code integrating Google Maps, manual drawing of a roof area and getting a simple measurement from it. We are looking to expand on this and streamline/polish the measuring process, later adding automatic roof detection. This needs to work on mobile devices as well as desktop. There are many different apps already out there, but we are looking to integrate roof measuring directly into our own company software which is Python/Django on the backend and Vue.JS on the front end. The app should read satellite images from Google Maps or similar free services and be able to identify and measure a roof accurately with minimal user input. The app should be able to detect the area in sq. feet along with the roof pitch. These detected values can then be corrected if necessary by the app user on-site. The roofs can be residential or commercial, and a variety of shapes and structures. This data is then saved to the backend database and used to generate detailed roof reports. Several example apps are RoofScope, AerialReports, RoofSnap, iRoofing and EagleView.