<html> <head> <title>Soil Moisture Point Downloader</title> <script async defer src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyDrRbysZzjHP5kdP0Jje9YLJ8oAJv5rA0k&callback=initMap"></script> <script src="ok_polygon_coords.mini.js"></script> <script src="point_downloader.js"></script> <style> div#map { width: 100%; height: 70vh; border:double; } a {color:#FF7300;} a:hover {color:#ffffff; background-color:#FF7300;} </style> </head> <body> <h1>Soil Moisture Point Downloader</h1> <p>Pick a point to generate a download URL.</p> <div id="map"></div> <p> <b>Selected point:</b> <br/><span id="lat"></span>°N, <span id="lon"></span>°E </p> <p>Download VWC data for selected point: <br/><span id="download-url"></span> </p> </body> </html>