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!