Need help for an interactive map on browser using three.js

I need help to modify the codes so that I can load data from a file .json and use the 2 drop-down menus, checkboxes and the search bar.
And I don’t want to use the API.

This is my map
https://expandersmap.altervista.org/

This the file .json
https://expandersmap.altervista.org/json_samples/expanders.json

And this is the map with 2 drop-down menus, check-box and search bar that I have difficulty implementing them in my map
https://map.canonn.tech/codex.html?hud_category=Geology&sub_class=Fumarole