fix(master-land): add function getLocation()
This commit is contained in:
parent
aa6fe5791a
commit
91d2396bdb
|
@ -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 form = document.getElementById("add-form");
|
||||||
var provinceField = form.querySelector("#province-field");
|
var provinceField = form.querySelector("#province-field");
|
||||||
var provinceVal = new Choices(provinceField);
|
var provinceVal = new Choices(provinceField);
|
||||||
|
|
|
@ -55,6 +55,10 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-3">
|
||||||
|
<button class="btn btn-success" type="button" onclick="getLocation()">Dapatkan Lokasi Lahan!</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="province-field" class="form-label">Provinsi</label>
|
<label for="province-field" class="form-label">Provinsi</label>
|
||||||
<select name="province_id" id="province-field" class="form-control" required
|
<select name="province_id" id="province-field" class="form-control" required
|
||||||
|
|
Loading…
Reference in New Issue