HTML 5地理位置不与路线API工作

问题描述：

我试图使用geolocations API与路线服务，但我得到：HTML 5地理位置不与路线API工作

var UserLoc; 
if (navigator.geolocation) {           
    navigator.geolocation.getCurrentPosition(function(position) { 
     var lat=position.coords.latitude; 
     var lng=position.coords.longitude; 
     console.log(lat); 
     console.log(lng); 
UserLoc = new google.maps.LatLng(lat,lng);  
var NewMarker = new google.maps.Marker({ 
position: UserLoc, 
draggable: false, 
animation: google.maps.Animation.DROP, 
map: SEVTmap 
}); 
    } 

    );   
} 
else { 
    alert ("Възникна проблем при намирането на местонахождението ви!"); 
} 

var directionsService = new google.maps.DirectionsService(); 
var directionsDisplay = new google.maps.DirectionsRenderer(); 

directionsDisplay.setMap(SEVTmap); 

var request = { 
    origin: UserLoc, 
    destination: Destination, 
    travelMode: google.maps.DirectionsTravelMode.DRIVING 
}; 

directionsService.route(request, function (response, status) { 
    if (status == google.maps.DirectionsStatus.OK) { 
    directionsDisplay.setDirections(response); 
    } 
});

错误：InvalidValueError：物业产地：不是字符串;而不是LatLng或LatLngLiteral：不是对象;而不是一个对象

标记被创建;

地理定位服务是异步的，你必须在使用该结果在其回调函数/它在哪里可用。 – geocodezip

答

地理定位服务是异步的，你必须使用该结果在其回调函数何时/何地它是可

var UserLoc; 
if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(function(position) { 
    var lat = position.coords.latitude; 
    var lng = position.coords.longitude; 
    console.log(lat); 
    console.log(lng); 
    UserLoc = new google.maps.LatLng(lat, lng); 
    var NewMarker = new google.maps.Marker({ 
     position: UserLoc, 
     draggable: false, 
     animation: google.maps.Animation.DROP, 
     map: SEVTmap 
    }); 

    var directionsService = new google.maps.DirectionsService(); 
    var directionsDisplay = new google.maps.DirectionsRenderer({ 
     map: SEVTmap 
    }); 

    directionsDisplay.setMap(SEVTmap); 

    var request = { 
     origin: UserLoc, 
     destination: Destination, 
     travelMode: google.maps.DirectionsTravelMode.DRIVING 
    }; 

    directionsService.route(request, function(response, status) { 
     if (status == google.maps.DirectionsStatus.OK) { 
     directionsDisplay.setDirections(response); 
     } 
    }); 
    }, function (PositionError) {alert("geolocation error:"+PositionError.code+" msg="+PositionError.message);}); 
} else { 
    alert("Възникна проблем при намирането на местонахождението ви!"); 
}

HTML 5地理位置不与路线API工作

相关推荐