fix(master-land): add function getLocation()

This commit is contained in:
arieeefajar 2025-06-11 19:15:05 +07:00
parent aa6fe5791a
commit 91d2396bdb
2 changed files with 48 additions and 0 deletions

View File

@ -57,6 +57,50 @@ function initMap() {
});
}
function getLocation() {
if (!navigator.geolocation) {
alert("Geolocation tidak didukung oleh browser ini.");
return;
}
navigator.geolocation.getCurrentPosition(
function (position) {
loading.style.display = "none";
mapContainer.style.display = "block";
map.invalidateSize();
var lat = position.coords.latitude;
var lng = position.coords.longitude;
map.setView([lat, lng], 16);
if (currentMarker) {
map.removeLayer(currentMarker);
}
currentMarker = L.marker([lat, lng], {
icon: iconMarker,
draggable: true,
}).addTo(map);
currentMarker.on("dragend", onPointerDragend);
currentMarker
.bindPopup(
`<div class="text-center"><b>Anda berada di sini</b><br />Silahkan tentukan petak lahan.<br />Pastikan lokasi anda sudah benar.</div>`
)
.openPopup();
latField.value = lat;
lngField.value = lng;
},
function (error) {
alert("Error: " + error.message);
}
);
}
var form = document.getElementById("add-form");
var provinceField = form.querySelector("#province-field");
var provinceVal = new Choices(provinceField);

View File

@ -55,6 +55,10 @@
</div>
</div>
<div class="mb-3">
<button class="btn btn-success" type="button" onclick="getLocation()">Dapatkan Lokasi Lahan!</button>
</div>
<div class="mb-3">
<label for="province-field" class="form-label">Provinsi</label>
<select name="province_id" id="province-field" class="form-control" required