Файловый менеджер - Редактировать - /home2/cocinasdalloway/lotes.cocinasdalloway.com/ClientArea/index.php
Назад
<!DOCTYPE html> <html> <head> <title>Lotes</title> <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBhvR9LAsRk1u4Uz3Og1wE7H2iT3ZdgY8o&libraries=geometry&callback=initMap"></script> </head> <body> <div id="map" style="height: 100vh; width: 100%;"></div> </body> </html> <?php $id=$_GET['Id']; ?> <script> let map; let polygons = []; let drawingPolygon = false; let currentZoom = 2; // Initial zoom level let targetZoom = 15; // Target zoom level let zoomStep = 3; // Zoom step increment let zoomInterval; // Interval for zooming function initMap() { fetch('https://lotes.cocinasdalloway.com/components/data/getById.php?id=<?php echo $id; ?>', { method: 'GET', headers: { 'Content-Type': 'application/json', } }) .then((response) => response.json()) .then((data) => { // Set the data obtained from the URL let lat=parseFloat(data.data[0].corner1Lat); let lng=parseFloat(data.data[0].corner1Lon); map = new google.maps.Map(document.getElementById('map'), { center: { lat: lat, lng: lng }, // Center the map at a specific location zoom: currentZoom, // Set the initial zoom level mapTypeId: google.maps.MapTypeId.HYBRID, }); const polygon1 = new google.maps.Polygon({ paths: [{lat: parseFloat(data.data[0].corner1Lat),lng: parseFloat(data.data[0].corner1Lon)}, {lat: parseFloat(data.data[0].corner2Lat),lng: parseFloat(data.data[0].corner2Lon)}, {lat: parseFloat(data.data[0].corner3Lat),lng: parseFloat(data.data[0].corner3Lon)}, {lat: parseFloat(data.data[0].corner4Lat),lng: parseFloat(data.data[0].corner4Lon)}], strokeColor: "#25AA23", // Color of the polygon border strokeOpacity: 0.8, strokeWeight: 2, fillColor:"#25AA23", // Fill color of the polygon fillOpacity: 0.35, }); polygon1.setMap(map); let latSum = 0; let lngSum = 0; latSum=parseFloat(data.data[0].corner1Lat)+parseFloat(data.data[0].corner2Lat)+parseFloat(data.data[0].corner3Lat)+parseFloat(data.data[0].corner4Lat) lngSum=parseFloat(data.data[0].corner1Lon)+parseFloat(data.data[0].corner2Lon)+parseFloat(data.data[0].corner3Lon)+parseFloat(data.data[0].corner4Lon) const latAvg = latSum / 4; const lngAvg = lngSum / 4; console.log(latAvg) console.log(lngAvg) const markerOptions = { position: {lat: parseFloat(latAvg),lng: parseFloat(lngAvg)} }; // Create a marker with the specified options const marker = new google.maps.Marker(markerOptions); // Add the marker to the map marker.setMap(map); zoomInterval = setInterval(zoomIn, 1000); }) .catch((error) => { console.error('Error fetching data:', error); }); } function zoomIn() { if (currentZoom < targetZoom) { currentZoom += zoomStep; map.setZoom(currentZoom); } else { clearInterval(zoomInterval); // Stop the zoom animation when the target zoom is reached } } </script>
| ver. 1.4 |
Github
|
.
| PHP 8.2.22 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка