Google MAPS API con base de datos

UkySoft · #1 (**permalink**) 27/01/2011, 03:34

Buenas a todos,

Primero de todo agradeceros desde ya vuestra colaboración, estoy desarollando una aplicacion en la que hay una parte que es geolocalización, el codigo lo tengo, pero el principal problema que tengo es que necesito que me cargue desde base de datos y no desde un campo input y no se como tengo que hacerlo, los campos de la base de datos son direccion, codigo postal, poblacion. Yo lo que quiero es que al cargar mediante la id por GET me cargue tambien la dirección y me la muestre en el apartado de geolocalización

Aqui os dejo el codigo:

Código HTML:

<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
<title>Google Maps JavaScript API v3 Example: Geocoding Simple</title> 
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/standard.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
  var geocoder;
  var map;
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 14,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }
 
  function codeAddress() {
    var address = document.getElementById("address").value;
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
            map: map, 
            position: results[0].geometry.location
        });
      } else {
        alert("No localizado " + status);
      }
    });
  }
</script> 
</head> 
<body onLoad="initialize()"> 
  <div > 
    <input id="address" type="textbox" value="Calle Aragon, Palma de Mallorca, Baleares"> 
    <input type="button" value="Geocode" onClick="codeAddress()"> 
  </div> 
<div id="map_canvas" style="height:50%" style="width:50%"></div> 
</body> 
</html>

¡Un saludo!

#2 (**permalink**) 31/01/2011, 14:00

Hola UkySoft, ahora mismo no te puedo ayudar con lo que pides, pero yo quiero hacer algo parecido por lo cuando consiga hacer algo lo pondré por aquí para ver si te ayuda. Si consigues si tu algo se agradecerá que avises.

Un saludo