매장 검색 API + 위치 정보

Question

는

나는 여기에 구글의 예에있는 것과 매우 유사 구글 API, 함께 매장 검색을 만들기 위해 노력하고 있어요 : 나는 가게를 얻으려고 벽에 충돌 한 그러나 http://storelocator.googlecode.com/git/examples/panel.html

Geolocation을 통해 사용자의 위치를 ​​가져 오는 로케이터 API입니다. 따라서 infowindow에서 Get Direction을 클릭하면 사용자 위치에 대한 방향을 알 수 있습니다. 내 주소를 입력하는 대신 : 당신은 어디에 있습니까? 패널 상자.

문서에서 내가 본 것은 geolocation이 기본적으로 True로 설정된보기 옵션의 부울이라는 것입니다. 그러나 이것은 내 문제를 해결하지 못합니다. 누구든지이 작업을 수행하는 방법에 대해 알고 있습니까?

Answer 1

당신이 말한 googlecode 페이지가 더 이상 존재하지 않는 것으로 보입니다. 그래서 당신이 원하는 것에 대해 더 이상의 통찰력을 줄 수는 없습니다.

그러나 설명에 따르면 운 좋게도 몇 달 전에 비슷한 사이트를 만들었습니다. 그것은 Grocery Store Near Me에 있습니다.

Geolocation의 개념은 현재 대부분의 최신 브라우저에 이미 포함 된 HTML5 (실제로 W3C) Geolocation API입니다. 사용자의 위치 (위도, 경도, 고도 및 정확도)를 얻을 수있는 API입니다.

당신은 단순히

navigator.geolocation.getCurrentPosition(success, error, geo_options); 

성공으로 호출 할 수 있습니다 및 오류는 사용자가 정의 할 수있는 콜백 함수입니다. 내 경우 이, 함수가 (Grocery Store Near Me 광산 같은) 매장 검색 스키마에서이

function success(position) { 

    var latitude = position.coords.latitude; 
    var longitude = position.coords.longitude; 

    // use the lat and long to call function to fetch an API through AJAX 
    fetchStoreData(latitude, longitude); 
} 

모양, 위치 정보는 사용자가 위도와 긴 획득하는 데 사용됩니다. 위도와 경도는 AJAX를 통해 서버에 전송하여 주변 상점 위치에 대한 데이터를 가져옵니다.

서버는 lat 및 long을 매개 변수로 허용 한 다음 저장소 데이터 (데이터베이스 또는 정사각형과 같은 다른 외부 API 사용)를 가져오고 목록 또는지도에 표시 할 수 있습니다.