in section of map view, add a map - Follow Up Deployment

index.html

@@ -45,7 +45,7 @@
                     <a href="#" class="flex items-center py-2 px-2 rounded bg-blue-700 text-white">
                         <i data-feather="home" class="mr-2"></i> Dashboard
                     </a>
-                    <a href="#" class="flex items-center py-2 px-2 rounded hover:bg-blue-700 text-blue-100">
+                    <a href="#map-section" class="flex items-center py-2 px-2 rounded hover:bg-blue-700 text-blue-100">
                         <i data-feather="map" class="mr-2"></i> Map View
                     </a>
                     <a href="#" class="flex items-center py-2 px-2 rounded hover:bg-blue-700 text-blue-100">
@@ -139,6 +139,28 @@
                     </div>
                 </div>
 
+                <!-- Map Section -->
+                <div id="map-section" class="bg-white rounded-lg shadow p-6 mb-6">
+                    <h2 class="text-xl font-semibold text-gray-800 mb-4">Monitoring Routes Map</h2>
+                    <div class="map-container relative">
+                        <div id="map" style="height: 100%; width: 100%;"></div>
+                        <div class="absolute top-4 right-4 bg-white p-2 rounded shadow z-10">
+                            <div class="flex items-center mb-2">
+                                <div class="w-4 h-4 bg-blue-500 mr-2"></div>
+                                <span class="text-sm">AQUASIS Routes</span>
+                            </div>
+                            <div class="flex items-center mb-2">
+                                <div class="w-4 h-4 bg-green-500 mr-2"></div>
+                                <span class="text-sm">ITD Routes</span>
+                            </div>
+                            <div class="flex items-center">
+                                <div class="w-4 h-4 bg-red-500 mr-2"></div>
+                                <span class="text-sm">QUEAMAR/AMARES Routes</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
                 <!-- Summary Cards -->
                 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-6">
                     <div class="dashboard-card bg-white rounded-lg shadow p-6">

prompts.txt

@@ -178,4 +178,5 @@ SETEMBRO	ITD	10/09/2025	PI	Integral	24	-2,8249	-41,708	-2,7506	-41,8009	08:10	10
 SETEMBRO	ITD	11/09/2025	PI	Integral	26,3	-2,8694	-41,6495	-2,9088	-41,4461	08:25	10:01	01:36	Aberto	Calmo	Fraco	E	0	0	0	0	0	0	0
 SETEMBRO	ITD	11/09/2025	PI	Integral	19,5	-2,908	-41,4424	-2,9439	-41,3247	12:24	13:24	01:00	Aberto	Moderado	Moderado	NE	0	0	0	0	0	0	0
 SETEMBRO	ITD	11/09/2025	PI	Integral	23,4	-2,8639	-41,6501	-2,7502	-41,7994	08:07	10:02	01:55	Aberto	Calmo	Fraco	E	0	0	0	0	0	0	0
-add more information of the table, and a map 
+add more information of the table, and a map 
+in section of map view, add a map