Weet er iemand toevallig een goede en duidelijke tutorial om met de geocoding service van google te werken ?

ik zoek een tutorial waar ik de longtitude en de latitude van een ingevoerd adres van de gebruiker kan krijgen.

Alvast bedankt voor reacties
Bedankt Erwin. Duidelijke uitleg Werkt inderdaad perfect

[size=xsmall]Toevoeging op 13/08/2014 18:30:22:[/size]

Helaas wil het toch nog niet helemaal lukken. onderstaande heb ik nu maar krijg als toch een error Uncaught ReferenceError: lat is not defined ?

de lat en lng zijn wel in de console te zien

<?php
var hr = new XMLHttpRequest();

var url = "./include/verwerkregistratie.php";
var bedrijfsnaam = document.getElementById("bedrijfsnaam").value;
var straat = document.getElementById("straat").value;
var postcode = document.getElementById("postcode").value;
var nummer = document.getElementById("nummer").value;
var plaats = document.getElementById("plaats").value;
var email = document.getElementById("email").value;
var wachtwoord = document.getElementById("wachtwoord").value;
var passwordcheck = document.getElementById("passwordcheck").value;
var registreer = document.getElementById("registreer").value;

var geocoder;

geocoder = new google.maps.Geocoder();

var address = straat+nummer+postcode+plaats;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {

var lat = results['0'].geometry.location.k;
var lng = results['0'].geometry.location.A;

console.log(lat);
console.log(lng);

} else {
alert('Controleer uw adres: ' + status);
}
});

var vars = "bedrijfsnaam="+bedrijfsnaam+
"&straat="+straat+
"&postcode="+postcode+
"&nummer="+nummer+
"&plaats="+plaats+
"&lat="+lat+
"&lng="+lng+
"&email="+email+
"&wachtwoord="+wachtwoord+
"&passwordcheck="+passwordcheck+
"&registreer="+registreer;
hr.open("POST", url, true);
// Set content type header information for sending url encoded variables in the request
hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// Access the onreadystatechange event for the XMLHttpRequest object
hr.onreadystatechange = function() {
if(hr.readyState == 4 && hr.status == 200) {
var return_data = hr.responseText;
document.getElementById("echo").innerHTML = return_data;

}
}
// Send the data to PHP now... and wait for response to update the status div
hr.send(vars);
?>
heeft iemand nog een idee ?

Reageren