Add zoom to point

[dchirst]

What I am changing

• To be able to zoom to a specific point in the COG and STAC viewers

How I did it

• I used vanilla JavaScript and HTML to make a form that specifies a latitude and longitude
  • I chose a form because it can set min and max values when you click the submit values for sanity check
• I used the Mapbox flyTo function to fly to the point in an animated way and added a marker to the specified point.
• I specified zoom level 10 for the flyTo destination, but am not sure if that's the best idea if the user is already zoomed in further than this
• I chose not to implement this inside the /map endpoint because it does not currently have a sidebar. However, if you think this would be a useful feature for this endpoint, I can add it there too!

How you can test it

1. Run the viewer by specifying a COG or STAC
2. Select a valid latitude and longitude
3. Click "Zoom to point"

Related Issues

• Relates to discussion Zoom to specific lat/lon in COG viewer #599

[vincentsarago]

@dchirst sorry for taking too long to review this, I'll look at it early next week

[vincentsarago]

thanks @dchirst 🙏
sorry it took me so long 😅