I am building a webapp using Google Maps, and want to have an image overlaid on top of the usual Map that represents Light Pollution data.
I don't have ArcGIS myself, but I was able to download a 400 MB .tpk file with the image data I need from the website for the authors of the paper that released the dataset. It also includes a 3 GB GeoTiff file.
I've done a bit of research on how to use .tpk, The ArcMap docs show they are compatible in some manner.
This site has a similar question, but it is 8 years old. One of the linked sources in the answer no longer exists, and it would appear that the ArcGIS JS GoogleMaps API does not support the current versions of Google Maps API, so perhaps that is a non-starter.
But that might not really be relevant to the solution I am looking for. I don't know yet.
Given that I have a .tpk file, a geotiff file, and a working webapp using Google Maps created using the React JS Framework, how do I integrate the data into an overlay on Google Maps? This might mean converting it to another format, but as long as it works and maintains high resolution.
The end result would look something like this app (not mine), but with a much more recent dataset and the ability to find the value associated with any lat lng: