Google Maps se actualiza, nuevo aspecto visual


La semana anterior en San Francisco tubo lugar un evento que google prepara cada año conocido como “Google I/O” donde se plantean todos los avances en el desarrollo de los productos de Google. Uno de ellos en Google Maps, y como se habla mucho de el decidí que esta noticia  podía ser interesante  para dar a conocer los avances que va desarrollando Google. Algo sorprendente es que nosotros tenemos uno de esos avances aquí. Los desarrolladores de Google han pensado que ya es hora de darle un giro a sus productos y hacerle un lavado de cara, por eso han creado algo que ellos llaman el “Visual Refresh”. Estos cambios son:

  • Re diseñar los marcadores, controles del mapa, e infoWindows.
  • Nuevas capas base para todos los mapas.
  • Se eliminaron las sobras que hicieron apropósito.
  • Han cambiado las fuentes por defecto.
  • Antes el zoom aparecía arriba a la izquierda, ahora aparece arriba a la derecha.
  • Reemplazaron la propiedad del marcador raiseOnDrag por la nueva crossOnDrag

Se convertirá en el estilo por defecto en Noviembre, recién para principios de agosto tendremos la versión experimental. Pero si la ansiedad no te permite esperar, te presento la versión BETA. Pero si así lo desearas, puedes activarlo de forma manual desde los mapas ahora mismo. Vamos a ver como: Usando el Nuevo Google Maps Para esto, lo que tenemos que hacer únicamente hay que establecer la siguiente propiedad [google.maps.visualRefresh] true, antes de que creemos el mapa. Veamos un ejemplo:

  1. google.maps.visualRefresh = true;
  2. var map;
  3. funcion initialize() {
  4. var mapOptions = {
  5. zoom: 8,
  6. center: new google.maps.MapTypeId.ROADMAP
  7. };
  8. map = new google.maps.Map(document.getElementById(`map-canvas´),
  9. mapOptions);
  10. }
  11. google.maps.event.addDomListener(windows, `load´, initialize);

No obstante, cabe mencionar que es necesario usar la version experimental de Google Maps, para ello ahi que cambiar su URL:

https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false
One Comment

Add a Comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *