Google Maps

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 →

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 →