# GOOGLE API MAP

**URL:** <https://foros.velneo.com/t/google-api-map/5676>\
**Category:** Velneo\
**Created:** [28 Noviembre, 2012 10:19 UTC](https://foros.velneo.com/t/google-api-map/5676 "2012-11-28T10:19:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mdelgado](https://avatars.discourse-cdn.com/v4/letter/m/cc9497/32.png) [@mdelgado](https://foros.velneo.com/u/mdelgado)\
**Post date:** [28 Noviembre, 2012 10:19 UTC](https://foros.velneo.com/t/google-api-map/5676/1 "2012-11-28T10:19:14Z")

</div>

Hola a todos,

Neceito mostrar en el navegador de Velneo un Mapa de una dirección de ubicación que pase como parámetro. Neceito que el usuario haga zoon in/out sobre el mapa. He visto información al respecto, pero Google v3 está montado sobre HTML5 y no sé si funcina (a mi no me va). ¿Tenéis alguna idea?

Saludos,  
Miguel D.

---

<div class="post-metadata">

**Author:** ![gegeo](https://avatars.discourse-cdn.com/v4/letter/g/e36b37/32.png) [@gegeo](https://foros.velneo.com/u/gegeo)\
**Post date:** [28 Noviembre, 2012 10:22 UTC](https://foros.velneo.com/t/google-api-map/5676/2 "2012-11-28T10:22:14Z")

</div>

Tienes un OpenApp [vDireccion](http://velneo.es/velneo-open-app/vdireccion/) que creo hace lo que necesitas

---

<div class="post-metadata">

**Author:** ![ikonos](https://avatars.discourse-cdn.com/v4/letter/i/3da27b/32.png) [@ikonos](https://foros.velneo.com/u/ikonos)\
**Post date:** [29 Noviembre, 2012 13:23 UTC](https://foros.velneo.com/t/google-api-map/5676/3 "2012-11-29T13:23:44Z")

</div>

Aunque no puedas visualizar el control in/out dentro del mapa, por que se sirva en HTML5 y nuestro control “visor html” no lo muestre, tu problema tiene facil solución. Yo alimentaria el control html con una varible local VAR\_HTML en la que le puedes meter el script del mapa:  
`

```
  var map;
  function initialize() {
    var mapOptions = {
      zoom: 8,
      center: new google.maps.LatLng(-34.397, 150.644),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById('map_canvas'),
        mapOptions);
  }

  google.maps.event.addDomListener(window, 'load', initialize);
`

```

como puedes ver es un codigo simple en el que puedes controlar perfectamente el nivel de “zoom” ( en el ejemplo zoom: 8)  
Podrias poner en el formulario donde incrustas el control html por ejemplo un slider con una variable local ZOOM y cada vez que lo modifiques lo modificas en la VAR\_HTML con lo que se recargará el mapa con el nivel de zoom elegido.

Esto seria como tener el control original pero fuera del control html 😉

Un saludo

---

<div class="post-metadata">

**Author:** ![mdelgado](https://avatars.discourse-cdn.com/v4/letter/m/cc9497/32.png) [@mdelgado](https://foros.velneo.com/u/mdelgado)\
**Post date:** [29 Noviembre, 2012 13:30 UTC](https://foros.velneo.com/t/google-api-map/5676/4 "2012-11-29T13:30:39Z")

</div>

Gracias a todos.!