2024-02-06 13:38:38 +08:00
|
|
|
|
|
|
|
|
|
|
@{
|
|
|
|
|
|
ViewData["Title"] = "Map_RTSP";
|
|
|
|
|
|
Layout = "~/Views/Shared/_Layout_Manager.cshtml";
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
2024-02-06 14:10:12 +08:00
|
|
|
|
<!-- 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>
|
