update & fix
This commit is contained in:
@ -100,12 +100,12 @@
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
setTimeout(function () {
|
||||
window.dispatchEvent(new Event('resize'));
|
||||
}, 1000);
|
||||
setTimeout(() => {
|
||||
map.invalidateSize(); // force Leaflet to recalc
|
||||
map.fitBounds(polyline.getBounds());
|
||||
}, 200);
|
||||
|
||||
const linesData = (@json($list));
|
||||
console.log(linesData);
|
||||
|
||||
// 1) Initialize map
|
||||
const map = L.map("leafMap").setView([-8.90507, 125.9945732], 10)
|
||||
@ -115,8 +115,10 @@
|
||||
maxZoom: 20,
|
||||
}).addTo(map)
|
||||
|
||||
// // 3) Coordinates (Lat, Lng) for polyline
|
||||
const points = linesData.map((point) => [point.latitude, point.longitude])
|
||||
// // // 3) Coordinates (Lat, Lng) for polyline
|
||||
const points = linesData
|
||||
.filter(p => p.latitude && p.longitude)
|
||||
.map((point) => [point.latitude, point.longitude])
|
||||
|
||||
// // 4) Add polyline
|
||||
const polyline = L.polyline(points, {
|
||||
@ -145,6 +147,7 @@
|
||||
// 5) Auto-fit map to polyline bounds
|
||||
map.fitBounds(polyline.getBounds())
|
||||
|
||||
|
||||
console.log("Points:", points)
|
||||
console.log("Bounds:", polyline.getBounds())
|
||||
});
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user