Some rendering code from the Webapp frontend

const cellCoords = cells.map(
			(cell) => [
				{lat: cell.lat, lng: cell.long},
				{lat: cell.lat + incrementlat, lng: cell.long},
				{lat: cell.lat + incrementlat, lng: cell.long + incrementlong},
				{lat: cell.lat, lng: cell.long + incrementlong},
			]
		);

		const cellColors = cells.filter(cell => !isCost || cell.humidity > 80).map(
			(cell) => {

				let opacity = Math.abs(cell.humidity - (-999.0)) < 1e-6 ? 0.0 : 0.8;
				let finalColor = lerp([244, 67, 54], [33, 150, 243], opacity * cell.humidity / 100.0).map(Math.floor);
				
				return {
					color: `rgb(${finalColor[0]}, ${finalColor[1]}, ${finalColor[2]})`,
					opacity: opacity,
				}
			}
		);


		return <div
			className={`map ${className}`}
			ref={(div) => {
				if (div) {
					that._map = new googleLibraries.maps.Map(div, {
						center: center,
						zoom: zoom,...