मैं MapKit js जियोकोड फ़ंक्शन का उपयोग करने की कोशिश कर रहा हूँ, लेकिन मुझे यकीन है कि कैसे इस समारोह कॉल करने के लिए नहीं कर रहा हूँ। यहाँ मेरी कोड है, मैं चेतावनी (डेटा) से एक अशक्त हो रही है। 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);
}
तुम बहुत जानकारी आप देख रहे हैं होने के करीब हैं। अपने अद्यतन getResultसमारोह इस प्रकार है:
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)
}
ध्यान दें कि resultsसरणी एक से अधिक प्रविष्टियां हो सकता है।
कॉलबैक का पहला तर्क त्रुटि है। आप कोई त्रुटि है, तो रिक्त है।
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>