added funcionality for the button with pins integration

.next/static/chunks/webpack.js

@@ -131,7 +131,7 @@
 /******/ 	
 /******/ 	/* webpack/runtime/getFullHash */
 /******/ 	!function() {
-/******/ 		__webpack_require__.h = function() { return "d5783d2ce03791af"; }
+/******/ 		__webpack_require__.h = function() { return "d3daac37ab05f948"; }
 /******/ 	}();
 /******/ 	
 /******/ 	/* webpack/runtime/global */

public/georent_html/Mapa de navegacion.html

@@ -14,6 +14,18 @@
   body {
     font-family: Arial, sans-serif;
   }
+  .update-location-btn {
+    margin-top: 10px;
+    padding: 10px;
+    background-color: #4CAF50;
+    color: white;
+    border: none;
+    cursor: pointer;
+    font-size: 16px;
+  }
+  .update-location-btn:hover {
+    background-color: #45a049;
+  }
 </style>
 
 
@@ -131,14 +143,9 @@ <h2 class="w3-center" style="font-size: 21px; color: rgba(114, 71, 200, 0.85); f
     <p class="w3-text-grey" style="font-size: 18px; text-align: justify;">Ya no tendrás que buscar y llamar a cada número que aparece en cartelitos "SE ARRIENDA", sin saber disponibilidad y precios. No más vueltas interminables buscando la propiedad que requieres, en el sector que a ti te gusta, y por sobre todo, podrás estar seguro de estar negociando unas vacaciones en el lugar correcto, minimizando estafas.</p>
     </div>
 
-
-
-
-
-
     <h4 style="color: #373737; font-size: 36px;">Mi ubicación</h4>
 
-    <!-- Mapa y contenedor para mostrar la información del lugar -->
+<!-- Mapa y contenedor para mostrar la información del lugar -->
 <div id="map" style="height: 400px; width: 100%;"></div>
 
 <!-- Contenedor para mostrar la información del lugar -->
@@ -148,6 +155,9 @@ <h2 id="titulo-lugar"></h2>
 </div>
 
 <script>
+  let map; // Declara el mapa y el marcador a nivel global
+  let userMarker;
+
   function initMap() {
     // Verifica si la geolocalización está disponible
     if (navigator.geolocation) {
@@ -158,13 +168,13 @@ <h2 id="titulo-lugar"></h2>
         };
 
         // Inicializa el mapa centrado en la ubicación del usuario
-        const map = new google.maps.Map(document.getElementById('map'), {
+        map = new google.maps.Map(document.getElementById('map'), {
           center: userLocation,
           zoom: 12
         });
 
         // Agrega un marcador para la ubicación del usuario
-        const userMarker = new google.maps.Marker({
+        userMarker = new google.maps.Marker({
           position: userLocation,
           map: map,
           title: 'Tu ubicación'
@@ -204,13 +214,36 @@ <h2 id="titulo-lugar"></h2>
     }
   }
 
+  function updateLocation() {
+    // Actualiza la ubicación del usuario
+    if (map && userMarker) {
+      console.log("llegue aqui")
+
+
+    if (navigator.geolocation) {
+      navigator.geolocation.getCurrentPosition(function(position) {
+        var userLocation = {
+          lat: position.coords.latitude,
+          lng: position.coords.longitude
+        };
+        console.log("user location", userLocation)
+
+        // Actualiza el centro del mapa y la posición del marcador
+        map.setCenter(userLocation);
+        userMarker.setPosition(userLocation);
+      }, function() {
+        handleLocationError(true);
+      });
+    } else {
+      handleLocationError(false);
+    }
+  }
+  }
+
   // Función para mostrar la información del lugar
   function mostrarInformacionLugar(lugar) {
-    // Muestra el contenedor de información
     const infoLugar = document.getElementById('info-lugar');
     infoLugar.style.display = 'block';
-
-    // Actualiza el contenido del contenedor con el título y descripción del lugar
     document.getElementById('titulo-lugar').innerText = lugar.nombre;
     document.getElementById('descripcion-lugar').innerText = lugar.descripcion;
   }
@@ -225,6 +258,16 @@ <h2 id="titulo-lugar"></h2>
   }
 </script>
 
+<button class="update-location-btn" onclick="updateLocation()">Actualizar ubicación</button>
+
+
+
+
+
+
+
+
+
 
   </div>
 </div>
@@ -258,6 +301,7 @@ <h2 id="titulo-lugar"></h2>
 </div>
 
 <script>
+
   function initMap() {
     // Verifica si la geolocalización está disponible
     if (navigator.geolocation) {
@@ -268,13 +312,13 @@ <h2 id="titulo-lugar"></h2>
         };
 
         // Inicializa el mapa centrado en la ubicación del usuario
-        const map = new google.maps.Map(document.getElementById('map'), {
+        map = new google.maps.Map(document.getElementById('map'), {
           center: userLocation,
           zoom: 12
         });
 
         // Agrega un marcador para la ubicación del usuario
-        const userMarker = new google.maps.Marker({
+        userMarker = new google.maps.Marker({
           position: userLocation,
           map: map,
           title: 'Tu ubicación'
@@ -314,13 +358,36 @@ <h2 id="titulo-lugar"></h2>
     }
   }
 
+  function updateLocation() {
+    // Actualiza la ubicación del usuario
+    if (map && userMarker) {
+      console.log("llegue aqui")
+
+
+    if (navigator.geolocation) {
+      navigator.geolocation.getCurrentPosition(function(position) {
+        var userLocation = {
+          lat: position.coords.latitude,
+          lng: position.coords.longitude
+        };
+        console.log("user location", userLocation)
+
+        // Actualiza el centro del mapa y la posición del marcador
+        map.setCenter(userLocation);
+        userMarker.setPosition(userLocation);
+      }, function() {
+        handleLocationError(true);
+      });
+    } else {
+      handleLocationError(false);
+    }
+  }
+  }
+
   // Función para mostrar la información del lugar
   function mostrarInformacionLugar(lugar) {
-    // Muestra el contenedor de información
     const infoLugar = document.getElementById('info-lugar');
     infoLugar.style.display = 'block';
-
-    // Actualiza el contenido del contenedor con el título y descripción del lugar
     document.getElementById('titulo-lugar').innerText = lugar.nombre;
     document.getElementById('descripcion-lugar').innerText = lugar.descripcion;
   }
@@ -335,6 +402,8 @@ <h2 id="titulo-lugar"></h2>
   }
 </script>
 
+<button class="update-location-btn" onclick="updateLocation()">Actualizar ubicación</button>
+