獲取Google地圖標記的指示

Question

我試圖從用戶可以在文本框中輸入的郵政編碼獲取Google地圖標記位置的路線。我正在使用地圖，地點和路線Google圖書館。

我發現從谷歌這個例子中，我努力工作，從它 http://code.google.com/apis/maps/documentation/directions/

我覺得我非常有。我希望用戶能夠點擊地圖上的標記，然後點擊「從標記一方向指示」的鏈接。我可以讓這個顯示正確，我將正確的位置傳遞給一個函數，但由於某種原因它不能保持整個latlng座標。它看起來像是丟掉了其中一個，這就是它拋出錯誤的原因。如果我打印出我傳遞給新函數（placeLoc）的東西，它只顯示其中一個座標。

它給人的錯誤是： 未捕獲的錯誤：-0.5796900000000278

繼承人到目前爲止，我已經得到了代碼：

 function addPlaceResults(){ 

    var request = { 
     location: midWayPoint, 
     radius: 7000, 
     types: [type] 
    }; 

    infowindow = new google.maps.InfoWindow(); 
    var service = new google.maps.places.PlacesService(map); 
    service.search(request, callback); 
    service.getDetails(request, callback); 


    function callback(results, status) { 
     if (status == google.maps.places.PlacesServiceStatus.OK) { 
      for (var i = 0; i < results.length; i++) { 
      createMarker(results[i]); 
      } 
     } 
    } 

    function createMarker(place) { 
     var placeLoc = place.geometry.location; 
     var marker = new google.maps.Marker({ 
      map: map, 
      position: place.geometry.location 
     }); 

     var request = { reference: place.reference }; 
     service.getDetails(request, function(details, status) { 

      google.maps.event.addListener(marker, 'click', function() { 
       infowindow.setContent(
        details.name + "<br />" 
        + details.formatted_address + "<br />" 
        + "<a target='_blank' href='" + details.website +"'>Visit Website</a>" + "<br />" 
        + details.formatted_phone_number + "<br />" 
        + "<a href='#' onclick='dPoint1(" +placeLoc+ ")'>Directions from Marker One</a>" + "<br />" 

       ); 
      infowindow.open(map, this); 
      }); 
     }); 
    } 
}; 

     //directions from point one 
     function dPoint1(x) { 
    console.log(x); 
    directionsService = new google.maps.DirectionsService(); 
    directionsDisplay = new google.maps.DirectionsRenderer({ 
     suppressMarkers: true, 
     suppressInfoWindows: true 
    }); 

    directionsDisplay.setMap(map); 
    directionsDisplay.setPanel(document.getElementById('directions-panel')); 

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

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

我試着只包含屬性值無效相關的代碼和細節在這個問題。如果有什麼我錯過了或什麼都不清楚，請讓我知道，我會加入它/盡我所能來澄清我自己。

再次，我會非常感謝任何幫助。

乾杯JA

---

編輯

好吧，這非常有意義。多謝你們。

我試過使用toString（）方法，但不起作用。我可以通過使用toUrlValue（）成功傳遞一個帶有兩個值的字符串，用逗號分隔爲dPoint1函數。當我這樣做時，我可以使用console.log（x，y）將它們都打印到控制檯，但我實際上無法運行代碼。我得到和以前一樣的錯誤。

我認爲這個問題是因爲我需要他們是一件事，所以我可以將它添加到'目標：'例如它最終應該是目的地：x，但是因爲我需要通過x & y我必須有目的地：x，y，這會引發錯誤。

我猜我需要使用google.maps.LatLng（）方法。

我昨晚添加了這個：

newlatlng = new google.maps.LatLng((placeLoc.lat()+placeLoc.lat())); 

這給了我一些方向，但不正確的地方！

有沒有人有任何想法，我可以如何使用它？

非常感謝您迄今給予我的所有幫助。

JA

Answer 1

這將無法正常工作

onclick='dPoint1(" +placeLoc+ ")' 

，因爲你不能傳遞對象，這樣的功能：它串聯爲一個字符串會產生一個字符串表示這可能會在形式「X，Y」。您需要定義函數dPoint1以獲取x和y - 這可能很有用 - 但最好從placeLoc中直接傳遞顯式的文字值。

Answer 2

如前所述通過Andrew Leach：

onclick='dPoint1(" +placeLoc+ ")' 

不會工作作爲place.geometry.location是google.maps.LatLng對象：http://code.google.com/apis/maps/documentation/javascript/reference.html#PlaceGeometry

然而google.maps.LatLng類有一個toString()方法： http://code.google.com/apis/maps/documentation/javascript/reference.html#LatLng

你可以嘗試使用而不是將google.maps.LatLng對象傳遞給dPoint1()方法。

E.g.

onclick='dPoint1(" +placeLoc.toString()+ ")'