我在使用 Google Maps API V3 时遇到了一个我不理解的错误。我的初始地图显示得很好,但是当我尝试获取路线时,出现以下两个错误:
错误:属性“GUnload”的值为 null 或未定义,不是 Function 对象
错误:无法获取属性“setDirections”的值:对象为空或未定义
我没有在任何地方使用 GUnload,所以我不明白为什么会出现这个错误。就第二个错误而言,就好像路线服务有问题一样。
这是我的代码:
var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
function initialize(address) {
directionsDisplay = new google.maps.DirectionsRenderer();
var geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(42.733963, -84.565501);
var mapOptions = {
center: latlng,
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
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);
}
});
directionsDisplay.setMap(map);
}
function getDirections(start, end) {
var request = {
origin:start,
destination:end,
travelMode: google.maps.TravelMode.DRIVING
};
directionsService.route(request, function(result, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(result);
} else {
alert("Directions cannot be displayed for the following reason: " + status);
}
});
}
我对javascript不是很精通,所以我可能在那里犯了某种错误。我很感激我能得到的任何帮助。