Question 263864 in Reactjs Question posted in
The new location for the React Documentation can be found here.

Reactjs – How can I use the SolarAPI to obtain an image or TIFF file of a roof with solar panels?

In our application, we are currently working on energy planning for users’ homes. To provide them with a basic plan tailored to their location, we require detailed user address information

I have already reviewed the documentation and identified several valuable data points we can obtain. From building insights, we can access information such as solar-panel count, yearly production, and other crucial details for the roof. Additionally, we have integrated data layers that provide monthly and hourly flux and shading information and images(.tiff file).

Then I have integrated data layers from which we can monthly/horly fulx and shades but for exmple below image
Monthly flux image/tiff file

However, we’ve encountered two challenges. Firstly, I attempted to download and view .tiff files from the documentation but was unable to do so using regular image viewers. The documentation mentions this limitation, but as developers, we aim to display these images or overlay them on a map with GeoTIFF data.

enter image description here

Furthermore, the documentation states that GeoTIFF files cannot be directly used as overlay images with the Maps JavaScript API. How can we make these files viewable to our users within our React application?

However, our primary objective is to obtain detailed photos with solar panels installed on the roof. Is there a way to achieve this? The documentation only mentions access to data layers, but in their demo, they showcase images with solar panels that appear to be adjustable."

Doc:- solar-panel and also they are adujstable

"Finally, we’re curious about obtaining detailed photos of roofs with solar panels, similar to what’s demonstrated, and we greatly appreciate your assistance. Thanks in advance!"

Tags:

2

Answers


  1. 0

    I built another app in Python. There is a library called ‘tifffile’ that allows you to work with .tiff files. After that, you can use positions and sizes of panels from the ‘buildingInsights’ API to add blue boxes to roofs. Unfortunately, Google does not provide images with solar panels on the roof. You have to work with images and positions.

    import numpy as np
import requests
import tifffile as tiff
import cv2

// get image from google
response = requests.get(imageUrl).content
// read tiff image as bytes
tiff_image = tiff.imread(io.BytesIO(response))
// tiff image to numpy array
array_image = np.array(tiff_image, dtype=np.uint8)
// from gray scale to yellow scale
heatmap = cv2.applyColorMap(array_image [:, :, 5], cv2.COLORMAP_HOT)

    After that, you can send a request to the main app with your new image

    Login or Signup to reply.
  2. 0

    @rushil patel:
    did you get an answer?

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search