홈>
순수 자바 스크립트를 사용하여 Google지도 API에서 정보를 얻으려고합니다. 이를 위해 관련 정보를 검색하기 위해 주어진 주소를 쿼리합니다. 인터넷 검색을 통해 이 방법 을 찾았습니다. console.log로 설정 한 추적이 콘솔에 표시되지 않습니다.
내 코드는
function getZipcode(address){
if(address){
//Formatted address
console.log("address "+ address);
var formattedAddr = address.split(' ').join('+');
console.log("formattedAddr "+ formattedAddr);
//Send request and receive json data by address
var url1 = 'http://maps.googleapis.com/maps/api/geocode/json?address=' + formattedAddr +'&sensor=true_or_false';
console.log("url1 "+ url1);
var geocodeFromAddr ;//= get_json(url1);
// recuperar json
console.log("pre geocodeFromAddr " );
geocodeFromAddr = function(url1, trataJSON) {
console.log("geocodeFromAddr " );
var xhr = new XMLHttpRequest();
xhr.open('GET', url1, true);
xhr.responseType = 'json';
xhr.onload = function() {
console.log("geocodeFromAddr onload " );
var status = xhr.status;
console.log("geocodeFromAddr status " + status );
if (status === 200) {
trataJSON(null, xhr.response);
} else {
trataJSON(status, xhr.response);
}
};
xhr.send();
};
console.log("post geocodeFromAddr " );
}
}
여기서 내 콜백
function trataJSON(err, data){
console.log("trataJSON " );
if(err){
console.log("trataJSON error " + err);
}else{
console.log("trataJSON ok " + data);
}
}
"calle pintor oliet 4 castellon"으로 테스트 중이며 콘솔의 로그는 다음과 같습니다.
와이즈 비즈분명히 코드의 geocodeFromAddr 부분에 들어 가지 않는 것을 알 수 있습니다. 또한 Google API URL이 올바르게 작동하는지 확인할 수 있으며 오류가 전혀 반환되지 않습니다.
누군가가 실마리를 알려 주시겠습니까?
query = calle pintor oliet 4 castellon
address calle pintor oliet 4 castellon
formattedAddr calle+pintor+oliet+4+castellon
pre geocodeFromAddr
post geocodeFromAddr
- 답변 # 1
관련 자료
- 이 json 파일을 파이썬으로로드 할 수없는 이유는 무엇입니까?
- java - 이 코드로 Android에서 JSON을 보낼 수없는 이유는 무엇입니까?
- python - 이 패키지를 다운로드 할 수없는 이유는 무엇이며 어떻게 고칠 수 있습니까?
- python - 이 json 데이터가로드되지 않는 이유는 무엇입니까?
- python - RegEx에서이 문자열을 찾을 수없는 이유는 무엇입니까?
- Java가이 클래스에 액세스 할 수없는 이유는 무엇입니까?
- macbook pro - 이 길로 갈 수없는 이유는 무엇입니까? 권한이 없다고 표시되지만 관리자입니다
- r - 이 dnorm을 제대로 플롯 할 수없는 이유는 무엇입니까?
- python - 왜이 목록이"때때로"만 이해 되는가?
- 이 Rust 열거 형이 왜 작지 않습니까?
- python - 이 json 파일을 알파벳순으로 정렬하려면 어떻게합니까?
- nfc - 이 ATS의 길이 바이트가 왜 그렇게 큰가요?
- html - '지금 읽기'버튼에 코드를 재사용 할 수없는 이유는 무엇입니까?
- html - 캔트가 호버 효과를 얻습니다CSS
- pandas - 왜이 파이썬"루프 코드"가 작동하지 않습니까?
- 사이트에서 JSON을 구문 분석하기 위해 Python을 가져올 수 없음
- perl - 왜 나눌 수 없습니까?
- xml - 이 유효성 검사 오류가 발생하는 이유
- node.js - JSON 파일을 수정할 수 없습니다
- arrays - 이 유형의 json을 어떻게 쿼리합니까?
관련 질문
- JavaScript에서 아날로그 시계의 시간대 설정
- javascript : 백슬래시를 추가하지 않고 배열 문자열화
- javascript : Fetch가 code에서 작동하지 않지만 콘솔에서 작동 중입니다.
- javascript : JSON의 교체 기능을 통해 객체를 문자열화하는 방법은 무엇입니까?
- javascript : 자바 스크립트의 부모로 플랫 JSON의 첫 번째 항목을 사용하여 중첩 JSON을 만드는 방법
- Javascript가 내장 메소드 중 하나를 무시하도록 하려면 어떻게 해야 합니까?
- javascript : JSON 문자열을 디코딩하는 동안 HTML 문자를 처리하는 데 문제가 있습니다.
- javascript : json 응답에서 불필요한 이름 키 제거
- javascript : 문자열의 JSON 배열에서 값을 가져오고 변수에 넣습니다.
- javascript : Node JS의 API 응답에서 속성을 얻는 방법은 무엇입니까?
다른 브라우저를 타겟팅하려는 경우 가져 오기 위해 Polyfill이 필요할 경우 Chrome에서이 코드를 사용해보십시오.