search

antoniopaya22 / sig-playas-asturias

Sistemas de Información Geográfica - Estado de ocupación de las playas de Asturias
MIT License
1 stars 0 forks source link

Página Principal #1

Closed antoniopaya22 closed 4 years ago

antoniopaya22 commented 4 years ago

Proyecto

[x] sig-frontend [ ] sig-backend

Tipo

[ ] bug/error [ ] sugerencia de mejora [x] tarea por hacer

Descripción

La página principal tiene que tener un mapa y un buscador con filtros (por ahora el tiempo maximo hasta el destino) y debe de cargar la capa del servicio WMS (https://sig.asturias.es/servicios/services/PlayasYFaros/MapServer/WMSServer?request=GetCapabilities&service=WMS).

dcabal commented 4 years ago

Creada la página principal y ramas separadas para la página principal y el histórico. Se incluyen las librerías reactstrap (Componentes React con Bootstrap) y react-google-maps, que como su propio nombre indica yatusabeh. @SergioBerjano Puedes copiar a partir de aquí lo que haga falta. No hay servicios de conexión con el back. En cuanto tenga algo lo subo. En principio voy a tirar de fetch para las llamadas, pero si quieres usar axios o otra librería, me dices y lo hacemos igual.

dcabal commented 4 years ago

Ya subí ejemplos de llamadas a api. Tal y como lo tengo ahora, al pulsar 'enviar' se hace una llamada que devuelve del mock el punto de origen del usuario y los destinos que se pintan con marcadores personalizados en el mapa (un icono en el destino y banderas de colores en función de la ocupación en las playas). Al pulsar sobre una de las playas, se hace una llamada que calcule la ruta. Esto lo cambiaré para poner un paso intermedio que muestre una infobox con toda la información de la playa y un botón de 'seleccionar' que haga la llamada del cambio de ruta, pero primero, a ver si cargo el wms Captura de pantalla 2020-09-21 132247

antoniopaya22 commented 4 years ago

Documentación temporal API Rest Backend

Los campos que no tienen tipo especificado son strings.

Lista de objetos playa. Info general y estática de las playas GET /api/beaches

    id : Integer
        playa_id : String
        nombre : String
       accesos : String
       camping : String
       concejo : String
       foto_tiempo_real : String  -> (link)
       longitud_playa : String
       foto_estatica : String   -> (link)
       material : String
       salvamento : String
       nucleo_rural : String
       nucleo_urbano : String
       ocupacion_media : String -> (alta, baja, media)
       ocupacion_actual : String
       latitud : String
       longitud : String

GET /api/beaches/{id} Devuelve: [Lo mismo que GET /api/beaches]

POST /api/search Body del POST:

Falta por añadir las llamadas para obtener el Historial, que se adjuntaran en el Issue del historial #2