Google 거리 매트릭스 API 출력 없음

거리 매트릭스 API를 사용하여 두 위치 사이의 거리를 계산하려고합니다. 이 API를 사용하려고 시도한 것은 이번이 처음이므로 Google Documentation's page에서 찾은 코드를 복사하여 내 페이지에 붙여 넣었습니다. 그러나 어떤 종류의 출력도 볼 수 없으며 그 이유를 모르겠습니다. 이 my page Google 거리 매트릭스 API 출력 없음

입니다 그리고 이것은 소스입니다 : 나는 문제가 해결되지 않는 이유를 모르겠어요 그래서

<!DOCTYPE html> 
<html> 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 

<!-- Google Api --> 
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDDMkiaVfr1y0QCsx_qUsJKIBAWpkyXZrY&sensor=false"> 
</script> 

<script type="text/javascript"> 
var origin1 = new google.maps.LatLng(55.930385, -3.118425); 
var origin2 = "Greenwich, England"; 
var destinationA = "Stockholm, Sweden"; 
var destinationB = new google.maps.LatLng(50.087692, 14.421150); 

var service = new google.maps.DistanceMatrixService(); 
service.getDistanceMatrix(
    { 
    origins: [origin1, origin2], 
    destinations: [destinationA, destinationB], 
    travelMode: google.maps.TravelMode.DRIVING, 
    avoidHighways: false, 
    avoidTolls: false 
    }, callback); 

function callback(response, status) { 
    if (status == google.maps.DistanceMatrixStatus.OK) 
    { 
    var origins = response.originAddresses; 
    var destinations = response.destinationAddresses; 
    document.writeln(response.originAddresses[1]);  
    } 

    else { 
    document.writeln("error"); 

     } 
    } 

</script> 
</html>

출처

2012-08-09 user1305336

좋아. 먼저 jQuery을 사용하는 것이 좋습니다. 때 당신은 문서가 here.

이 이 페이지는 준비가되면이 실행되도록 둘째

$(document).ready(function() { // Everything in your original script block var origin1 = new google.maps.LatLng(55.930385, -3.118425); // etc etc });

,하는 $(document).ready() 기능의 코드를 포장, 그것은 많이 더 쉽게 쓰기 우선이다
찾을 수 있습니다 을 알고있는 곳에에게 편지를 보내고 있습니다. 위치 데이터를 보유 할 div을 만드십시오. 당신이 구글에서 위치에있을 때

<body> <div id="location"/> </body>

셋째, 일치하도록 div에서 텍스트를 변경 : jQuery를하지 않고 문서를 다루는

$("#location").text(response.originAddresses[1]);

악몽이다, 내가보기 엔이 라이브러리를 사용하는 것이 좋습니다.

출처

2012-08-09 09:09:22 Aesthete

그럼이 문제를 어떻게 해결할 수 있습니까? 어디서 오류가 있습니까? – user1305336

호의를 베풀고 ''과 같이 처리하십시오. 아마도 당신은 몸에 데이터를 쓰지 않을 것입니까? – Aesthete

완료되었지만 결과는 동일합니다. 출력이 없습니다. – user1305336

Google 거리 매트릭스 API 출력 없음

답변

관련 문제