Labeled grid for Imagery

[charlesh88]

Imagery overlay layer art. PNG attached, will add SVG later.

[charlesh88]

Here's a better SVG version, created at https://codepen.io/charlesh88/pen/MWBmQbW?editors=1010 using https://docs.google.com/spreadsheets/d/1B8aRNfwquDrcdPlakpTpGpVF6QAImNFUT61JvJhnk54/edit#gid=454873104

[charlesh88]

Also need to modify the layers CSS to set layer opacity at 0.7 or 0.8 instead of 0.5.

[akhenry]

Totally missed this, this is awesome, thanks!

[charlesh88]

Testing Notes

1. Nav to an Imagery view.
2. Hover over the image, and click the Layers control (orange arrow) to show the image's layers menu. Select the grid option.
3. Verify that a 4 x 4 is laid over the image.
4. Verify that the grid scales proportionally as the image size is changed.
5. Verify that the grid stays in register with the image when zooming and panning.
6. Use the Layers control to hide the grid by clicking that option again; verify that the grid is hidden.

[akhenry]

Even at an opacity of 1 it has been determined that the grid is difficult to see on SLOG images. Some investigation is needed to determine the best way to differentiate the grid from the base image.

[ozyx]

Verified -- Testathon 03-09-2023

[khalidadil]

Verified in Testathon on 03/09/23