diff --git a/Parking_spaces/Controllers/EngineeringController.cs b/Parking_spaces/Controllers/EngineeringController.cs
index b78f975..f48c1e6 100644
--- a/Parking_spaces/Controllers/EngineeringController.cs
+++ b/Parking_spaces/Controllers/EngineeringController.cs
@@ -72,6 +72,11 @@ namespace Parking_spaces.Controllers
             return View();
         }
 
+        public IActionResult Map_RTSP(string id)
+        {
+            return View();
+        }
+
 
     }
 }
diff --git a/Parking_spaces/Views/Engineering/Map_RTSP.cshtml b/Parking_spaces/Views/Engineering/Map_RTSP.cshtml
new file mode 100644
index 0000000..ac1513b
--- /dev/null
+++ b/Parking_spaces/Views/Engineering/Map_RTSP.cshtml
@@ -0,0 +1,400 @@
+@{
+    Layout = "~/Views/Shared/_Layout_Engineering.cshtml";
+}
+
+
+<!-- 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>
+
+
+
+
+
+<div>
+    <dialog id="RTSP_view" style="width:80%;">
+        <div >
+            <p id ="choose_cam_id"></p>
+            <button class="btn btn-danger" style="float:right" onclick="RTSP_Close();"> 關閉</button>
+            <img id="img_id" />
+        </div>
+    </dialog>
+</div>
+
+
+
+<div id="myMap"></div>
+
+
+
+<!--串流影像-->
+<script>
+    var IP_1
+    var stop = false
+
+    function CAM_RTSP(IP) {
+        console.log(IP)
+        IP_1 = IP
+        $.ajax({
+            type: "GET",
+            url: 'http://140.125.20.183:7705/IP/' + IP,
+            headers: {
+                'Authorization': token
+            },
+            success: function (response) {
+                stop = false
+                RTSP_START(response)
+                token_check = "true"
+                //from_token_import_id()
+            },
+            error: function (xhr) {
+                console.log("111")
+                window.alert("相機未連線");
+            }
+
+        });
+    }
+
+    function CAM_RTSP_1() {
+        console.log(IP_1)
+        $.ajax({
+            type: "GET",
+            url: 'http://140.125.20.183:7705/IP/' + IP_1,
+            headers: {
+                'Authorization': token
+            },
+            success: function (response) {
+                //webcam_view.showModal()
+                RTSP_START(response)
+
+                token_check = "true"
+                //from_token_import_id()
+            },
+
+        });
+    }
+</script>
+
+
+<!--開啟視窗並串流-->
+<script>
+    function RTSP_START(img_base_64) {
+        //console.log(img)
+        img = document.getElementById("img_id")
+        img.src = img_base_64
+        if (stop == false) {
+            setTimeout('CAM_RTSP_1()', 20);
+        }
+
+    }
+</script>
+
+<!--關閉串流-->
+<script>
+    function RTSP_Close() {
+        RTSP_view.close()
+        stop = true
+    }
+</script>
+
+<!--map_show_停車場位置-->
+<script>
+    var map
+    function map_show() {
+        var centerCoordinates = [23.691951, 120.535318]; // Replace with your desired coordinates
+
+        map = L.map("myMap", {
+            center: centerCoordinates,
+            zoom: 17
+        });
+
+        //放置圖標
+        var cam_icon = L.icon({
+
+            iconUrl: '/image/icon/cam.png',
+            iconSize: [34, 34], // size of the icon
+            iconAnchor: [27.3, 11.35], // point of the icon which will correspond to marker's location
+        });
+        
+        for (var i = 0; i < location_name_list.length; i++) {
+            var location = [location_lat_list[i],location_lng_list[i]];
+            cam_ip = L.marker(location, {
+                icon: cam_icon,
+                title: "",
+                opacity: 1.0
+            }).addTo(map);
+        };
+        
+
+        // 載入圖資
+        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+            attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
+        }).addTo(map);
+
+
+        
+
+        const popup = L.popup();
+        function onMapClick(e) {
+            lat = e.latlng.lat; // 緯度
+            lng = e.latlng.lng; // 經度
+            //console.log(lat, lng)
+
+            for (var i = 0; i < location_name_list.length; i++) {
+                var location = [location_lat_list[i], location_lng_list[i]];
+                if (isDifferenceGreaterThan5Percent(location[0], lat) < 3 && isDifferenceGreaterThan5Percent(location[1], lng) < 3) {
+                    //console.log()
+                    get_data_3(location_name_list[i])
+                    //CAM_RTSP('192.168.100.82')
+                }
+
+            };
+
+
+        }
+
+        map.on('click', onMapClick);
+    }
+
+    function isDifferenceGreaterThan5Percent(number1, number2) {
+        // 計算差異的百分比
+        var difference = Math.abs(number1 - number2);
+        var percentageDifference = (difference / Math.max(number1, number2)) * 1000000;
+        //console.log(percentageDifference)
+        return percentageDifference
+
+    }
+</script>
+
+
+
+<!--獲取資料-->
+<script>
+    var token = localStorage.getItem('token_park_space');
+    var token_ckeck //= document.getElementById("token_ckeck_id").value
+    var position //職位
+    var location_name_list=[]
+    var location_lat_list=[]
+    var location_lng_list=[]
+
+    function get_data() {
+        //token_check = document.getElementById("token_check_id").value
+
+        $.ajax({
+            type: "GET",
+            url: "http://140.125.20.183:7700/api/Parking_spaces_total_table",
+            data: {},
+            headers: {
+                'Authorization': token
+            },
+            contentType: "application/json",
+            success: function (Model) {
+                set_data_1(Model)
+                get_data_2()
+            }
+        });
+    }
+
+    function get_data_2() {
+        //token_check = document.getElementById("token_check_id").value
+
+        $.ajax({
+            type: "GET",
+            url: "http://140.125.20.183:7700/api/Parking_spaces_violation_total_table",
+            data: {},
+            headers: {
+                'Authorization': token
+            },
+            contentType: "application/json",
+            success: function (Model) {
+                set_data_2(Model)
+                map_show()
+            }
+        });
+    }
+
+
+    var location_name
+    function get_data_3(location_name) {
+        location_name = location_name
+        $.ajax({
+            type: "GET",
+            url: "http://140.125.20.183:7700/api/Parking_spaces_cam",
+            data: {},
+            headers: {
+                'Authorization': token
+            },
+            contentType: "application/json",
+            success: function (Model) {
+                console.log(location_name)
+                set_data_3(Model, location_name)
+
+
+            }
+        });
+    }
+    
+
+</script>
+
+<!--放置資料-->
+<script>
+    function set_data_1(Model) {
+        for (var i = 0; i < Model.length; i++) {
+
+            var hasValue = location_name_list.includes(Model[i].parking_spaces_name);
+            if (hasValue == false) {
+                location_name_list.push(Model[i].parking_spaces_name)
+                location_lat_list.push(Model[i].latitude)
+                location_lng_list.push(Model[i].longitude)
+            }
+            
+        }
+
+        //console.log(location_name_list); // 輸出: true
+    }
+
+    function set_data_2(Model) {
+        for (var i = 0; i < Model.length; i++) {
+
+            var hasValue = location_name_list.includes(Model[i].parking_spaces_violation_name);
+            if (hasValue == false) {
+                location_name_list.push(Model[i].parking_spaces_violation_name)
+                location_lat_list.push(Model[i].latitude)
+                location_lng_list.push(Model[i].longitude)
+            }
+
+        }
+
+        
+    }
+
+    function set_data_3(Model, location_name) {
+        Button = '<button class="btn btn-outline-success " onclick="CAM_RTSP(';
+        var i1=0
+        if (Model.length > 0) {
+            for (var i = 0; i < Model.length; i++) {
+                if (Model[i].parking_spaces_name == location_name) {
+                    i1=i1+1
+                    if (parseInt(Model[i].port) > 400) {
+                        Button += "'" + Model[i].ip + ":" + Model[i].port + "'" + ')">' + Model[i].ip + ":" + Model[i].port + '</button>'
+                    }
+                    Button += '<button class="btn btn-outline-success " onclick="CAM_RTSP(';
+                    if (i1 == 1) {
+                        CAM_RTSP( Model[i].ip + ":" + Model[i].port )
+                    }
+                    
+                }
+            }
+        }
+        document.getElementById("choose_cam_id").innerHTML = Button
+        RTSP_view.showModal()
+
+    }
+    
+
+</script>
+
+<!--檢查token-->
+<script>
+    function token_check() {
+        // 检查本地存储中是否存在JWT令牌
+        var token = localStorage.getItem('token_park_space');
+        console.log(token)
+        $.ajax({
+            type: "GET",
+            url: 'http://140.125.20.183:7700/Users/token_check',
+            headers: {
+                'Authorization': token
+            },
+            success: function (response) {
+                console.log(response)
+                token_check = "true"
+                from_token_import_id()
+            },
+            error: function (xhr) {
+                console.log("1")
+                token_check = "false"
+                window.location.href = '/';
+                //get_data()
+                // 处理错误响应，例如跳转到未授权页面
+                //window.location.href = 'https://example.com/unauthorized_page';
+            }
+        });
+    }
+
+    function from_token_import_id() {
+        var token = localStorage.getItem('token_park_space');
+        $.ajax({
+            type: "GET",
+            url: 'http://140.125.20.183:7700/Users/token-' + token,
+            headers: {
+                'Authorization': token
+            },
+            success: function (response) {
+                console.log(response)
+                from_id_import_user_data(response)
+
+
+            }
+        });
+    }
+    function from_id_import_user_data(id) {
+        var token = localStorage.getItem('token_park_space');
+        $.ajax({
+            type: "GET",
+            url: 'http://140.125.20.183:7700/Users/user_id-' + id,
+            headers: {
+                'Authorization': token
+            },
+            success: function (model) {
+                model = model.result
+                position = model.lastname
+                console.log(position)
+                if (position == "engineer") {
+                    get_data()
+                }
+                else {
+                    window.location.href = '/';
+                }
+
+
+            }
+        });
+    }
+</script>
+
+
+
+
+
+<!--開機自啟-->
+<script>
+    window.onload = token_check;
+</script>
diff --git a/Parking_spaces/Views/Shared/_Layout_Engineering.cshtml b/Parking_spaces/Views/Shared/_Layout_Engineering.cshtml
index 42d79c6..7133c69 100644
--- a/Parking_spaces/Views/Shared/_Layout_Engineering.cshtml
+++ b/Parking_spaces/Views/Shared/_Layout_Engineering.cshtml
@@ -78,7 +78,7 @@
                         <a class="collapse-item" asp-controller="Engineering" asp-action="Engineering_CAM">查看WEBCAM</a>
                         <a class="collapse-item" asp-controller="Engineering" asp-action="Engineering_LED">字幕機顯示</a>
                         <a class="collapse-item" asp-controller="Engineering" asp-action="Engineering_Violation"> 違規區域</a>
-                        <a class="collapse-item" asp-controller="Engineering" asp-action="Engineering_RTSP"> 即時影像</a>
+                        <a class="collapse-item" asp-controller="Engineering" asp-action="Map_RTSP"> 即時影像</a>
                     </div>
                 </div>
             </li>
diff --git a/Parking_spaces/wwwroot/image/icon/cam.png b/Parking_spaces/wwwroot/image/icon/cam.png
new file mode 100644
index 0000000..9f4c3cb
Binary files /dev/null and b/Parking_spaces/wwwroot/image/icon/cam.png differ