|
| 1 | +<!DOCTYPE html> |
| 2 | +<!-- |
| 3 | + @license |
| 4 | + Copyright 2025 Google LLC. All Rights Reserved. |
| 5 | + SPDX-License-Identifier: Apache-2.0 |
| 6 | +--> |
| 7 | +<!--[START maps_map_drawing_terradraw]--> |
| 8 | +<html> |
| 9 | +<head> |
| 10 | + <title>Terra Draw with Google Maps API Sample</title> |
| 11 | + <link rel="stylesheet" href="./style.css"> |
| 12 | + <!-- Terra Draw CSS (if any needed, add here) --> |
| 13 | +</head> |
| 14 | +<body> |
| 15 | + <!-- Map Container --> |
| 16 | + <div id="map"></div> |
| 17 | + |
| 18 | + <!-- Top-right mode selection UI --> |
| 19 | + <div id="mode-ui"> |
| 20 | + <button id="point-mode" class="mode-button" title="Point"><img src="./img/point.svg" alt="Point" draggable="false"></button> |
| 21 | + <button id="linestring-mode" class="mode-button" title="Linestring"><img src="./img/polyline.svg" alt="Linestring" draggable="false"></button> |
| 22 | + <button id="polygon-mode" class="mode-button active" title="Polygon"><img src="./img/polygon.png" alt="Polygon" draggable="false"></button> |
| 23 | + <button id="rectangle-mode" class="mode-button" title="Rectangle"><img src="./img/rectangle.svg" alt="Rectangle" draggable="false"></button> |
| 24 | + <button id="circle-mode" class="mode-button" title="Circle"><img src="./img/circle.svg" alt="Circle" draggable="false"></button> |
| 25 | + <button id="freehand-mode" class="mode-button" title="Freehand"><img src="./img/freehand.svg" alt="Freehand" draggable="false"></button> |
| 26 | + <button id="select-mode" class="mode-button" title="Select"><img src="./img/select.svg" alt="Select" draggable="false"></button> |
| 27 | + <button id="resize-button" class="mode-button" title="Resize"><img src="./img/resize.svg" alt="Resize" draggable="false"></button> |
| 28 | + <button id="clear-mode" class="mode-button" title="Clear"><img src="./img/delete.svg" alt="Clear" draggable="false"></button> |
| 29 | + <button id="delete-selected-button" class="mode-button" title="Clear last or Selected"><img src="./img/delete-selected.svg" alt="Delete Selected" draggable="false"></button> |
| 30 | + <button id="undo-button" class="mode-button" title="Undo"><img src="./img/undo.svg" alt="Undo" draggable="false"></button> |
| 31 | + <button id="redo-button" class="mode-button" title="Redo"><img src="./img/redo.svg" alt="Redo" draggable="false"></button> |
| 32 | + <button id="export-button" class="mode-button" title="Export"><img src="./img/download.svg" alt="Export" draggable="false"></button> |
| 33 | + <button id="upload-button" class="mode-button" title="Upload"><img src="./img/upload.svg" alt="Upload" draggable="false"></button> |
| 34 | + <input type="file" id="upload-input" style="display: none;" accept=".geojson,.json"> |
| 35 | + </div> |
| 36 | + |
| 37 | + <script type="module" src="./index.ts"></script> |
| 38 | + <!-- Google Maps API is loaded by the Loader in index.ts --> |
| 39 | +</body> |
| 40 | +</html> |
| 41 | +<!--[END maps_map_drawing_terradraw]--> |
0 commit comments