4

自分のサイトで使用している地図で方向を使用しようとしていますが、ポップアップし続けるエラーが 1 つあり、それを取り除く方法がわかりません!

Uncaught ReferenceError:directionService が定義されていません

これは私の使用したコードです

$(window).load(function () {
    var directionsDisplay;
    var directionsService = new google.maps.DirectionsService();
    var map;
});
$(window).load(function () {
        initialize();
    });

function initialize() {
  directionsDisplay = new google.maps.DirectionsRenderer();
  var chicago = new google.maps.LatLng(41.850033, -87.6500523);
  var mapOptions = {
    zoom:7,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    center: chicago
  }
  map = new google.maps.Map(document.getElementById("map"), mapOptions);
  directionsDisplay.setMap(map);
  directionsDisplay.setPanel(document.getElementById("directionsPanel"));
}

function calcRoute() {
  var start = new google.maps.LatLng(54.986136, -1.537945);
  var end = new google.maps.LatLng(41.850033, -87.6500523);

  var request = {
    origin:start,
    destination:end,
    travelMode: google.maps.TravelMode.DRIVING
  };
  console.log(request);
  if (request==true)
  {
    console.log("REQUEST");
  }
  console.log(JSON.stringify(request)); 
  directionsService.route(request, function(result, status) {
    if (status == google.maps.DirectionsStatus.OK) {
        if (!response.routes[0].copyrights) { 
        response.routes[0].copyrights = "Copyrights unknown."; 
        }
        console.log("ALL GOOD!");
      directionsDisplay.setDirections(result);
    }
    else
    {
        console.log("NOT-GOOD!");
    }
  });
}
4

1 に答える 1

11

次の行の var-キーワードを削除します。

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

var-キーワードを使用すると、変数directionsServiceは関数内でのみ表示されますが、グローバル変数が必要です (すべてのスコープから表示されます)。

于 2012-10-25T11:18:03.523 に答える