You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

55 lines
1.3 KiB

8 months ago
  1. <html lang="en">
  2. <head>
  3. <meta charset="UTF-8">
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <title>Image to GeoJSON converter</title>
  6. <style>
  7. body {
  8. font-family: sans-serif;
  9. }
  10. .dropzone {
  11. border: 2px solid black;
  12. font-size: 3em;
  13. color: gray;
  14. margin: 1em;
  15. padding: .5em;
  16. height: 40%;
  17. display: flex;
  18. justify-content: center;
  19. align-items: center;
  20. }
  21. .dropzone.dropping {
  22. border-color: red;
  23. background-color: #eeeeee;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <h1>GeoJSON extractor </h1>
  29. <p>
  30. Select/drop one or more images, and receive corresponding GeoJSON files for the location where they were taken. Useful when eg. wanting to import the location data into OpenStreetMap's iD editor (you can drag-and-drop the resulting files).
  31. </p>
  32. <p>
  33. Currently only supports JPG files. It must contain GPS coordinates in the EXIF data, or otherwise it can (obviously) not extract them!
  34. </p>
  35. <p>
  36. Your file is not sent to any servers. Processing happens locally in your browser. The source code can be found <a href="https://git.cryto.net/joepie91/image-to-geojson">here</a>.
  37. </p>
  38. <div class="dropzone">
  39. Drop your file(s) here...
  40. </div>
  41. ... or select them below:
  42. <input type="file" class="filepicker" multiple>
  43. <script src="bundle.js"></script>
  44. </body>
  45. </html>