Hallo,
kann mir hier jemand helfen ?
Im Moment wird die Adresse aus der DB in den hidden Button eingetragen und kann nach dem Klicken auch angezeigt werden.
Ich möchte aber das beim ausführen der php seite die ermittelte adresse gleich angezeigt wird.
Die adresse wird in $adresse zusammengesetzt.
kann mir hier jemand helfen ?
Im Moment wird die Adresse aus der DB in den hidden Button eingetragen und kann nach dem Klicken auch angezeigt werden.
Ich möchte aber das beim ausführen der php seite die ermittelte adresse gleich angezeigt wird.
Die adresse wird in $adresse zusammengesetzt.
PHP-Code:
$adresse = $row['angebote_strasse'].','.$row['angebote_postleitzahl'].' '.$row['angebote_ort'];
}
var_dump($adresse);
?>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Google Maps JavaScript API v3 Example: Geocoding Simple</title>
<link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
var geocoder;
var map;
function initialize() {
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(-34.397, 150.644);
var mapOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
codeAddress('Berlin');
}
function codeAddress(address) {
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('Geocode was not successful for the following reason: ' + status);
}
});
}
</script>
</head>
<body onload="initialize()">
<div>
<input id="address" type="hidden" value="<?php echo $adresse; ?>">
<input type="button" value="Geocode" onclick="codeAddress(document.getElementById('address').value)">
</div>
<div id="map_canvas" style="height:500px;top:30px"></div>
</body>
</html>
Kommentar