Google Maps V3 con gmaps.js

[nets]

Hola a todos,

estoy tratando de situar un negocio en un mapa con Google Maps, he descubierto esta clase en JavaScript gmaps.js, pero soy bastante torpe con JS y algo tengo que hacer mal.

El código que tengo es:

Código:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="https://raw.github.com/HPNeo/gmaps/master/gmaps.js"></script>
<script type="text/javascript">
var map;
$(document).ready(function(){
map = new GMaps({
div: '#map',
lat: -12.043333,
lng: -77.028333,
height: '300px'
});
});
</script>

Y luego en la pagina donde muestro el mapa:

Código:

<div id="map" style="width: 50%; height: 50%"></div>

Lo que necesito es localizar una empresa por su DIRECCION y no por su LATITUD Y LONGITUD.

En la página del proyecto de gmaps.js, indican que (http://hpneo.github.com/gmaps/examples/geocoding.html), para incluir una dirección se debe añadir:

Código:

GMaps.geocode({
  address: $('#address').val(),
  callback: function(results, status) {
    if (status == 'OK') {
      var latlng = results[0].geometry.location;
      map.setCenter(latlng.lat(), latlng.lng());
      map.addMarker({
        lat: latlng.lat(),
        lng: latlng.lng()
      });
    }
  }
});

Pero ni sé dónde, ni dónde se debe poner la dirección..

¿Alguna ayuda?

Os pongo la url del proyecto por si alguno más está trasteando con la nueva API de Google Maps.

http://hpneo.github.com/gmaps/examples.html
http://hpneo.github.com/gmaps/documentation.html
http://hpneo.github.com/gmaps/

Un saludo.

[Sumerio]

Amigo una consulta, sabes como valido una coordenada en un textbox.

[nets]

Si te refieres a validar una coordenada de Google Maps, no, lo siento Sumerio.. pero a ver si alguien te contesta en el hilo.. ;)

[txemaarbulo]

nets, si bien con gmaps parece poco código, arrastras un montón de archivos:
- Necesitas jQuery (http://ajax.googleapis.com/ajax/libs.../jquery.min.js)
- https://raw.github.com/HPNeo/gmaps/master/gmaps.js
- ../prettify/prettify.js

De cualquier modo, el javascript completo es:

Código Javascript:

var map;
$(document).ready(function () {
  map = new GMaps({
    div: '#map',
    lat: -12.043333,
    lng: -77.028333,
    height: '300px'
  });
  $('#geocoding_form').submit(function (e) {
    e.preventDefault();
    GMaps.geocode({
      address: $('#address').val().trim(),
      callback: function (results, status) {
        if (status == 'OK') {
          var latlng = results[0].geometry.location;
          map.setCenter(latlng.lat(), latlng.lng());
          map.addMarker({
            lat: latlng.lat(),
            lng: latlng.lng()
          });
        }
      }
    });
  });
});
 

Hay otras formas más sencillas de hacerlo, salvo que tengas especial interés en gmaps

[nets]

Tema resuelto, muchas gracias txemaarbulo por tu ayuda.. ;)