新增管理員模式 雲科串流

Parking_spaces/Views/Manager/Map_RTSP.cshtml

@@ -4,5 +4,47 @@
     Layout = "~/Views/Shared/_Layout_Manager.cshtml";
 }
 
-<h1>Map_RTSP</h1>
 
+<!-- css -->
+<link rel="stylesheet"
+      href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
+      integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
+      crossorigin="" />
+<!-- js -->
+<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
+        integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
+        crossorigin="">
+</script>
+
+<style>
+    html, body {
+        padding: 0;
+        margin: 0;
+    }
+
+    #myMap {
+        height: 80vh;
+    }
+
+    #img_id {
+        display: block; /* 使圖像為塊級元素，以便使用 margin:auto; */
+        margin: auto; /* 將圖像置中 */
+        width: 80%
+    }
+</style>
+
+<h1>即時影像</h1>
+<button class="btn btn-outline-info" onclick="Yuntech_RTSP()">雲科即時影像</button>
+
+
+
+
+
+
+<!--跳轉頁面-->
+<script>
+
+    function Yuntech_RTSP() {
+        window.open("http://140.125.50.178:7006/", "_blank");
+    }
+</script>