TDTP
/
Sistema_Gestion_Transporte
mirror of https://gitlab.com/m3f_usm/T_digital_Transporte_USM.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

se muestra position de buses

develop/frontend
Francisco Sandoval 2023-12-02 22:34:08 -03:00
parent 2e60c6b041
commit ed45418ed7
1 changed files with 22 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/pages/mapas/Rutas.svelte
View File

@ -22,6 +22,7 @@
let iconPartida = null let iconPartida = null
let iconTermino = null let iconTermino = null
let iconParada = null let iconParada = null
let iconAutobus = null
let L = null // leaflet.js let L = null // leaflet.js
let marker1 = null let marker1 = null
let marker2 = null let marker2 = null
@ -33,7 +34,8 @@
let codigo = null let codigo = null
let ver_buses = false let ver_buses = false
let ver_paraderos = false let ver_paraderos = false
let markers = [] let markers_paraderos = []
let markers_buses = []
onMount(() => { create_map() }) onMount(() => { create_map() })
@ -64,6 +66,14 @@
popupAnchor: [0, -16] popupAnchor: [0, -16]
}) })
} }
if (!iconAutobus) {
iconAutobus = L.icon({
iconUrl: imagenAutobus,
iconSize: [32, 32],
iconAnchor: [16, 32],
popupAnchor: [0, -16]
})
}
if (!myMap) { if (!myMap) {
myMap = L.map(elMap) myMap = L.map(elMap)
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
@ -113,7 +123,7 @@
async function onMostrarParaderos(ver_paraderos) { async function onMostrarParaderos(ver_paraderos) {
// 1. eliminar marcadores anteriores // 1. eliminar marcadores anteriores
markers.forEach(marker => marker.remove()) markers_paraderos.forEach(marker => marker.remove())
if (!ver_paraderos || !id_linea) return; if (!ver_paraderos || !id_linea) return;
@ -127,13 +137,13 @@
const html = `${title}<br>${location}` const html = `${title}<br>${location}`
marker.bindTooltip(html) marker.bindTooltip(html)
markers.push(marker) markers_paraderos.push(marker)
} }
} }
async function onMostrarBuses(ver_buses) { async function onMostrarBuses(ver_buses) {
// 1. eliminar marcadores anteriores // 1. eliminar marcadores anteriores
// markers.forEach(marker => marker.remove()) markers_buses.forEach(marker => marker.remove())
if (!ver_buses || !id_linea) return; if (!ver_buses || !id_linea) return;
@ -141,15 +151,15 @@
console.log({ buses }) console.log({ buses })
// 2. crear marcadores // 2. crear marcadores
// for (let mark of paraderos) { for (let mark of buses) {
// const { stop_lat: lat, stop_lon: lng } = mark const { latitude: lat, longitude: lng } = mark
// const marker = L.marker([lat, lng], { icon: iconParada }).addTo(myMap) const marker = L.marker([lat, lng], { icon: iconAutobus }).addTo(myMap)
// const { id_paradero: title, stop_name: location } = mark; const html = `${mark.Patente_vehiculo}<br>Velocidad: ${mark.speed}`
// const html = `${title}<br>${location}`
// marker.bindTooltip(html) marker.bindTooltip(html)
// markers.push(marker) markers_buses.push(marker)
// } console.log({ marker })
}
} }