google maps api
En esta ocasión veremos cómo animar un marker en Google Maps utilizando la función setTimeout() que nos ofrece Java Script, si no entienden como funciona dicha función los invito a pasar por el tutorial donde se explica: http://programacionextrema.com/2015/11/13/funciones-setinterval-y-settimeout-en-java-script. Cómo animar un marker en Google Maps Para realizar la animación vamos a utilizar la propiedad animation […]
La API de Google Maps nos ofrece muchas características y funcionalidades para poder manipular un mapa, ya sea para la versión web o móvil. Entre las funcionalidades se destaca la posibilidad de crear un polígono, la cual veremos en esta ocasión. Cómo crear un polígono en Google Maps Para crear un polígono en Google Maps […]
En este sencillo tutorial aprenderemos a realizar un marker draggable en Google Maps, para eso vamos a utilizar la función google.maps.event.addListener que nos permite registrar un evento determinado sobre un marker. ¿Cómo hacer un marker draggable en Google Maps? Mediante un ejemplo vamos a mostrar cómo agregar el evento draggable a un marker. En este […]
Hoy vamos a seguir con el tema de Google Maps como lo hicimos en los anteriores tutoriales, en el último hemos visto cómo crear un evento click sobre un marker, hoy aprenderemos a cambiar iconos en Google Maps, ya que a veces los que vienen incluidos por defecto no se adecuan con el diseño de […]
La API Google Maps es actualmente muy utilizada por los programadores de sitios webs y aplicaciones móviles, ya que nos ofrece miles de funcionalidades interesantes para trabajar. En este tutorial aprenderemos a crear un evento click sobre un marker en Google Maps. ¿Cómo crear un evento click sobre un marker en Google Maps? Para registrar […]
En el anterior tutorial hemos visto cómo ver información de un marker en Google Maps a través de una ventana, en este aprenderemos a trazar rutas en Google Maps utilizando el objeto Polyline con un ejemplo muy sencillo. ¿Cómo trazar rutas en Google Maps? Para realizar esta tarea vamos a utilizar el objeto Polyline que […]
Anteriormente hemos viste cómo agregar markers en Google Maps, en este tutorial aprenderemos a ver información de un marker en Google Maps a través de una ventana, usando el objeto InfoWindow. ¿Cómo ver información de un marker en Google Maps al hacer click? Esta funcionalidad la vamos a realizar sobre el código del anterior tutorial […]
Hoy en día existen muchos sitios webs que ofrecen distintas imágenes e iconos online y gratis para Google Maps, pero con poca variedad de categorías e incluso en algunos baja calidad. ¿Cómo conseguir iconos online y gratis para Google Maps? El sitio web https://mapicons.mapsmarker.com ofrece una gran variedad de iconos para descargar e insertar en […]
Anteriormente hemos visto cómo crear un mapa con Google Maps, en este tutorial veremos cómo agregar markers en Google Maps utilizando el lenguaje de programación Java Script. ¿Cómo agregar markers en Google Maps? Siguiendo con el código del tutorial anterior vamos a insertar un marker en el mapa con Java script como se muestra en […]
Anteriormente hemos visto cómo realizar un autocompletado de ciudades con Google Maps, en este tutorial aprenderemos a crear un mapa con Google Maps utilizando el lenguaje de programación Java Script y HTML para la vista. ¿Cómo crear un mapa con Google Maps? Hacer esta tarea es realmente muy fácil, basta con agregar unas poca lineas […]