MAPG-97 add initial map editor with Leaflet (works as map viewer now)

views/admin/map_editor.php

@@ -0,0 +1,27 @@
+<?php $cssFiles = ['/static/node_modules/leaflet/dist/leaflet.css', '/static/css/map_editor.css']; ?>
+<?php require ROOT . '/views/templates/main_header.php'; ?>
+<?php require ROOT . '/views/templates/header.php'; ?>
+<div id="map"></div>
+<div id="control">
+    <button id="saveButton" class="fullWidth">Save</button>
+    <a class="button gray fullWidth marginTop" href="/admin/maps" title="Back to maps">Back to maps</a>
+</div>
+<div id="panorama"></div>
+<div id="noPano">
+    <p class="bold">No panorama is available for this location.</p>
+</div>
+<div id="placeControl">
+    <button id="applyButton" class="fullWidth">Apply</button>
+    <button id="cancelButton" class="gray fullWidth marginTop">Cancel</button>
+    <button id="deleteButton" class="red fullWidth marginTop">Delete</button>
+</div>
+<script>
+    var tileUrl = '<?= $_ENV['LEAFLET_TILESERVER_URL'] ?>';
+    var mapId = '<?= $mapId ?>';
+    var mapBounds = <?= json_encode($bounds) ?>;
+    var places = <?= json_encode($places) ?>;
+</script>
+<script src="/static/node_modules/leaflet/dist/leaflet.js"></script>
+<script src="https://maps.googleapis.com/maps/api/js?key=<?= $_ENV['GOOGLE_MAPS_JS_API_KEY'] ?>"></script>
+<script src="/static/js/map_editor.js"></script>
+<?php require ROOT . '/views/templates/main_footer.php'; ?>

views/admin/maps.php

@@ -0,0 +1,7 @@
+<?php require ROOT . '/views/templates/main_header.php'; ?>
+<?php require ROOT . '/views/templates/header.php'; ?>
+<div class="main">
+    <h2>Maps</h2>
+    <p>TODO</p>
+</div>
+<?php require ROOT . '/views/templates/main_footer.php'; ?>