Próbuję użyć funkcji Geokodując w Mapkit js, ale nie jestem pewien, jak nazwać tę funkcję. Oto mój kod, Dostaję od NULL alert (dane). https://developer.apple.com/documentation/mapkitjs/mapkit/geocoder/2973884-lookup
var geocoder = new mapkit.Geocoder({
language: en-GB,
getsUserLocation: true
});
geocoder.lookup(450 Serra Mall, Stanford, CA USA, getResult);
function getResult(data) {
alert(data);
}
Jesteś bardzo blisko do posiadania informacji szukasz. Zaktualizuj swoje getResultfunkcje w sposób następujący:
function getResult(){
// Make the results accessible in your browser's debugging console so you can see everything that was returned
console.log(arguments)
// The results are returned in an array. For example, to get the latitude and longitude
var lat = arguments[1].results[0].coordinate.latitude
var lng = arguments[1].results[0].coordinate.longitude
// Show the results in HTML
var pre = document.createElement('pre');
pre.innerHTML = "Latitude: " + lat + " / Longitude: " + lng;
document.body.appendChild(pre)
}
Należy pamiętać, że resultstablica może mieć więcej niż jeden wpis.
Pierwszym argumentem wywołania zwrotnego jest błąd. Jeśli nie masz żadnych błędów jest null.
geocoder.lookup('New York', function(err, data) {
console.log(data);
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.apple-mapkit.com/mk/5.x.x/mapkit.js"></script>
<style>
#map {
width: 100%;
height: 400px;
}
</style>
</head>
<body>
<div id="dvResult" style="width: 100%; height: 20px"></div>
<div id="map"></div>
<script>
mapkit.init({
authorizationCallback: done => {
done('your token');
},
language: "es"
});
var mGeocoder = new mapkit.Geocoder({ language: "en-GB",
getsUserLocation: true });
mGeocoder.lookup("1000 Coit Rd, Plano TX 75050", (err, data) => {
if(err)
alert(err);
else
{
console.log(data);
var lat = data.results[0].coordinate.latitude;
var lng = data.results[0].coordinate.longitude;
var dvResult = document.getElementById('dvResult');
dvResult.innerHTML = "Lat: " + lat + " / Lng: " + lng;
}
});
</script>
</body>
</html>