Відео

Hola, los archivos GEOJSON son en realidad JSON, es decir, tienen el formato o estructura json, con la diferencia que poseen localización o coordenadas En el video si use archivos con extensión “json” pero que en realidad son “geojson” y tienes razón generalmente desde herramientas GIS se exportan los datos a archivos con extensión “geojson”, y como te digo en el fondo son archivos json, pero el código funciona igual llamando a archivos con la extensión “geojson”. new ol.layer.Vector({ source: new ol.source.Vector({ url:'data/features.geojson', format: new ol.format.GeoJSON() }) }) Que no cargue el archivo puede ser por diferentes razones: diferentes sistemas de coordenadas, que tu servidor bloquee los tipos mime “.geojson”, incluso podrías probar cambiando la extensión de tu archivo a json, siempre teniendo una copia de respaldo. Saludos y espero te sirva.

@@jftics ¡Muchas gracias por la respuesta! Voy a probar a ver cómo me va esta vez.

Hola, compartiré el código en Github, el enlace estará en la descripción de los videos

ya lo solucione, lo estaba linkeando al componente principal... 😪 y asi no era

Hola, css es un lenguaje para dar estilo a un documento html y scss se basa en css paro con todas las funcionalidades de sass (procesador de css) con el cual puedes definir variables, importar otros archivos y mucho más, todo eso en tu misma hoja de estilos, ahora scss se utiliza para diseños más complejos por ejemplo tengo un video donde uso scss para la tematización de angular material.

@@jftics muchas gracias por la aclaración,. Maestro. Saludos desde España . Espero más vídeos de angular y como conecta con backend, como C# .net o así.,,

créalo así usuarioForm!: FormGroup; constructor(private formBuilder:FormBuilder){ } ngOnInit(): void { this.usuarioForm = this.formBuilder.group({ nombre:['', Validators.required], apellido:['', Validators.required], direccion: this.formBuilder.group({ ciudad:[''], departamento: [''] }) }); }

a mi tambien me da error,¿lograste resolver?

Hola, gracias por el dato, ya cambie el orden

Hola, se tienen dos estrategias para administración de las URL, la que se usa por defecto en el routing es la conocida “HTML5 pushState” la cual se utiliza en navegadores modernos y con lo cual se consigue que el navegador no redireccione la página cuando cambia la URL y así obtener el efecto SPA. Pero con los navegadores antiguos si había el problema de que se redireccionaba la página al cambiar la url, por lo que se implementó la estrategia de “URL Hash”, en la cual, cuando cambia solo la parte después del # no se redirecciona la página, el navegador lo toma como un segmento. Bueno es algo así la historia. Pero si necesitas emplear el #, puedes hacer lo siguiente: En tu archivo app.config.ts debes importar estos módulos: import { LocationStrategy, HashLocationStrategy } from '@angular/common'; y en tu constante appConfig debes incluir los módulos importados: export const appConfig: ApplicationConfig = { providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes), provideHttpClient(), { provide: LocationStrategy, useClass: HashLocationStrategy }] }; Bueno espero te sirva saludos…

También tienes esta otra alternativa, usando “withHashLocation” en tu archivo app.config.ts import { provideRouter, withHashLocation } from '@angular/router'; export const appConfig: ApplicationConfig = { providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes, withHashLocation()), provideHttpClient()] };

x2

x3

Hola, la idea de tener el toolbar y el sidenav en un mismo componente es para tener que evitar una comunicación entre componentes. Pero si necesitas que estén en componentes separados se me ocurre que podrías usar servicios y observables como lo explico en video de snackbar, aunque en el video indica que es para la comunicación entres componentes padre e hijo, también funciona para componentes “hermanos” o de otros niveles y para manipular por código el sidenav podrías usar viewchild “en tu caso para el tipo MatDrawer”, como en el video de paginador y tablas, lo siento suena a que estoy promocionando los videos, pero creo que podrías reutilizar lo que se explica en esos videos, espero te sirva.

Hola, gracias por tu comentario y tomare en cuenta lo que indicas, el tema de la autenticación y autorización usando jwt, lo explicare en el tutorial de nodejs.

Hola, en mi opinión te diría que depende…, es decir, si eres nuevo en angular te recomendaría emplear formularios reactivos puesto que los de plantilla está más orientado a los usuarios que usaban angularjs (la primera versión de angular) porque era así como se diseñaban los formularios en ese entonces y también depende de la forma de programar, es decir, si puedes tener todo organizado en un solo grupo de controles (formulario reactivo) o si requieres diferentes estructuras o modelos de datos (formulario basado en plantilla).

@@jftics Gracias por la recomendación !

solucion: nodeenv --node=20.14.0 nenv bueno le pones la version q necesites

Hola, si esta planeado la tematización en material, donde veremos los modos light y dark, aunque será algo básico espero les sirva

Excelente video muchas gracias.

Hola, si esta planeado la tematización en material, aunque será algo básico espero les sirva

Hola, gracias por ver los videos, en cuento a tu pregunta. La duración del curso es de 11 días mínimo, pero puedes emplear más días si lo requieres. Esta es la descripción actualizada del curso: “Con el curso aprenderás los conceptos y controles principales de Openlayers y la biblioteca de Ol-Ext, además del ciclo completo para armar un mapa web completo, es decir, aprenderás a armar tu mapa con layers o capas de un servidor Geoserver, y de proveer la información espacial al Geoserver desde diferentes orígenes de datos, como ser: base de datos en PostGreSQL y archivos Shapefiles”. “Con el proyecto final se armará un mapa web con todo lo que se mencionó anteriormente, además de incluir las herramientas para poder generar información espacial desde el mapa y almacenarlo en una base de datos PostgreSQL”. De todas formas, existe una garantía de 7 días para el reembolso, por si el curso no cumple tus expectativas.

@@jftics Gracias por la información, estaré probando el curso

Gracias!

Me alegro mucho!!!

Hola Oscar, a qué te refieres con pasar un objeto? De donde a donde. Haz visto algo de @input y @output? estos métodos te permiten pasar información de un elemento parent a child, y viceversa. Quizás es por ahí por donde va tu pregunta?

Hola, si entiendo bien, quieres pasar un objeto o lista como parámetro en la URL, si es así, podrías usar un json para armar tus datos y al momento de enviar por url, convertir tu objeto a texto (JSON.stringify) y en el destino convertir el texto a json (JSON.parse), teniendo en cuenta que pasar datos por el método get tiene sus límites.