Integración de Google Maps en Net Core

En este post te mostraré cómo puedes integrar fácilmente Google Maps (https://developers.google.com/maps?hl=es-419) en tus proyectos de Net Core utilizando tan solo unas pocas líneas de código y aplicando JavaScript o JQuery. En este caso, nuestro objetivo final será implementar un buscador con autocompletado en el que, al pulsar en un botón o al introducir el texto de una localización, se nos muestre en nuestra aplicación un contenedor de Google Maps con dicha localización seleccionada. Google Maps es una herramienta muy popular y ampliamente utilizada, lo que la convierte en una excelente opción para…continue reading →

Leer GeoJson con .Net Core

A continuación explicaré cómo se puede acceder a un archivo en el servidor (wwwroot) y leerlo. En este caso voy a centrarme en leer archivos de tipo .geojson. Ejemplo de documento .GeoJson : {"type": "FeatureCollection","features": [{"type": "Feature","geometry": {"type": "Point","coordinates": [ -2.780104,37.14114 ]},"properties": {"province":"Almería","population":"Abla", }] Para poder representar el documento y acceder a las claves, tenemos que crear las clases que lo representan. Las clases quedarían así: public class Geometry { public string type { get; set; } public List coordinates { get; set; } } public class Properties { public string province {…continue reading →

React con Leaflet y acceso a API Aemet y API OpenDataSoft

En este blog vamos a ver cómo implementar un mapa con la librería Leaflet, accediendo a la Api opendatasoft para poder localizar mediante coordenadas las diferentes provincias y municipios de España. Además, accederemos a la Api de Aemet para acceder al tiempo de cada zona interesada. La tecnología que se va a utilizar es React. Instalación de dependencias Leaflet Para comenzar vamos a crear un proyecto nuevo con el comando npx create-react-app mapaleaflet. Una vez tengamos el proyecto inyectaremos las dependencias de las librerías que vamos a utilizar: npm install -s react react-dom…continue reading →

Google Maps en React, utilizando API Google

Google Maps En la actualidad el 85% de la población conoce Google Maps, ya que es una herramienta de gran utilidad que nos ayuda en nuestro día a día a la hora de localizar un sitio, poder ver la ruta más cercana por la que podemos ir, incluso podemos ver los medios de transporte que podemos utilizar desde el punto de partida al de destino, destacar también la implementación de la vista Street View en la cual podemos ver en detalle el lugar que buscamos como si estuviéramos ahí. Requisitos previos Debemos tener…continue reading →

Mapas Web. Comparativa. Charla Técnica. 25/04/2013

  El jueves 25 de abril tuvo lugar la charla técnica en la que se presentaron y compararon los principales servicios web de mapas. Se explicaron las principales APIs del SDK de Bing Maps y se mostraron en un proyecto ejemplo distintas funcionabilidades básicas de la API de desarrollo de Bing Maps para aplicaciones de Windows Store.   La sesión la impartió Javier García Melchor, uno de los coordinadores del Tech Club de Tajamar. Javier está especializado en temas de desarrollo de .NET.         Charla Tecnica Bing Mapscontinue reading →