Merge pull request #60 from trpa-agency/Amy's-Edits

Updated maps
trpa-agency · Aug 26, 2024 · 1713c95 · 1713c95
2 parents 2fbd30c + db60a75
commit 1713c95
Show file tree

Hide file tree

Showing 16 changed files with 377 additions and 2,957 deletions.
diff --git a/2023/Noise/Map/Draft/NoiseMonitoringLocation_Shoreline.html b/2023/Noise/Map/Draft/NoiseMonitoringLocation_Shoreline.html
diff --git a/2023/Noise/Map/Final/NoiseMonitoringLocation_Shoreline.html b/2023/Noise/Map/Final/NoiseMonitoringLocation_Shoreline.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="initial-scale=1,maximum-scale=1,user-scalable=no"
+    />
+    <title>2023 Threshold Evaluation - Shoreline Noise
+    </title>
+    <style>
+      html,
+      body,
+      #viewDiv {
+        height: 100%;
+        width: 100%;
+        margin: 0;
+        padding: 0;
+      }
+      #infoDiv {
+        position: absolute;
+        top: 15px;
+        left: 60px;
+      }
+      #infoDiv input {
+        border: none;
+        box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
+      }
+
+      .esri-widget--button.active,
+      .esri-widget--button.active:hover,
+      .esri-widget--button.active:focus {
+        cursor: default;
+        background-color: #999696;
+      }
+      .esri-widget--button.active path,
+      .esri-widget--button.active:hover path,
+      .esri-widget--button.active:focus path {
+        fill: #e4e4e4;
+      }
+    </style>
+
+    <link rel="stylesheet" href="https://js.arcgis.com/4.29/esri/themes/light/main.css">
+    <script src="https://js.arcgis.com/4.29/"></script>
+
+    <script>
+      require([
+        "esri/views/MapView",
+        "esri/WebMap",
+        "esri/widgets/Expand",
+        "esri/widgets/Home",
+        "esri/widgets/Legend",
+        "esri/widgets/Fullscreen"
+      ], function(
+        MapView,
+        WebMap,
+        Expand,
+        Home,
+        Legend,
+        Fullscreen
+      ) {
+
+        var map = new WebMap({portalItem: {id: "a751f2aa41ab4ea987285c26a6c41af8"}});
+
+        var view = new MapView({
+              map: map,  // The WebMap instance created above
+              container: "viewDiv",
+              center: [-120.01,39.01],
+              zoom: 9
+            });
+
+
+        // move zoom buttons to top left
+        view.ui.move("zoom", "top-left");
+
+        // add fullscreen button to top left
+        var fullscreen = new Fullscreen({view: view});
+        view.ui.add(fullscreen, "top-left");
+
+        // Add map item to the legend
+        view.when(function() {
+          var featureLayer = map.layers.getItemAt(0);
+          var legend = new Legend({
+            view: view,
+            layerInfos: [
+              {
+                layer: featureLayer
+              }
+            ]
+        });
+
+        // create legend card
+        view.ui.add(legend, "top-right");
+
+        // Create collapasable button for legend
+        var legendExpand = new Expand({
+            expandIconClass: "esri-icon-layers", 
+            expandTooltip: "Legend",
+            view: view,
+            expanded: true,
+            autoCollapse: true,
+            content: legend.domNode,
+            group: "top-right"
+            });
+
+        // add layer list button to the top right corner of the view
+        view.ui.add(legendExpand, "top-right");
+
+        // Create a Home Button
+        var homeWidget = new Home({view: view});
+        view.ui.add(homeWidget, "top-left");
+
+        // Disable scroll on zoom
+        view.on("mouse-wheel", function(evt) {evt.stopPropagation(); });
+
+
+      });
+    });
+
+	</script>
+  </head>
+  <body>
+    <div id="viewDiv"></div>
+  </body>
+</html>