geolocation을 사용하여 주변 위치 정보 가져 오기

프로그래밍에 익숙하지 않고 음식, 쇼핑몰 등의 항목 목록을 보여주는 응용 프로그램을 개발하고 사용자가 항목을 클릭하면 자동으로 사용자 위치와 표시 위치를 얻어야합니다 해당 검색 목록 및 검색 쿼리는 목록 항목의 이름입니다.geolocation을 사용하여 주변 위치 정보 가져 오기

navigator.geolocation.watchPosition()을 사용하여 사용자의 좌표를 가져 오려고했습니다. 여기

내가이 질문에 중복 될 수 있습니다 알고 있지만 나는 검색에 내 문제를 일치 아무것도 발견되지 않았다

자바 스크립트 코드

var x=document.getElementById("demo"); 

function getLocation() 
{ 
    if (navigator.geolocation) 
    { 
     navigator.geolocation.watchPosition(showPosition); 
    } 
    else{ 
     x.innerHTML="Geolocation is not supported by this browser."; 
    } 
} 

function showPosition(position) 
{ 
    initialize(position.coords.latitude,position.coords.longitude); 
} 

/*getting locations nearby using google places api*/ 

function initialize(lat,lng) { 
    var map = new google.maps.Map(document.getElementById('map-canvas'), { 
     center: new google.maps.LatLng(lat,lng), 
     zoom: 15 
    }); 

    var request = { 
     reference: 'CnRkAAAAGnBVNFDeQoOQHzgdOpOqJNV7K9-c5IQrWFUYD9TNhUmz5-aHhfqyKH0zmAcUlkqVCrpaKcV8ZjGQKzB6GXxtzUYcP-muHafGsmW-1CwjTPBCmK43AZpAwW0FRtQDQADj3H2bzwwHVIXlQAiccm7r4xIQmjt_Oqm2FejWpBxLWs3L_RoUbharABi5FMnKnzmRL2TGju6UA4k' 
    }; 

    var infowindow = new google.maps.InfoWindow(); 
    var service = new google.maps.places.PlacesService(map); 

    service.getDetails(request, function(place, status) { 
     if (status == google.maps.places.PlacesServiceStatus.OK) { 
      var marker = new google.maps.Marker({ 
       map: map, 
       position: place.geometry.location 
      }); 
      google.maps.event.addListener(marker, 'click', function() { 
       infowindow.setContent(place.name); 
       infowindow.open(map, this); 
      }); 
     } 
    }); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 

function wlCommonInit(){ 
    require([ "layers/core-web-layer", "layers/mobile-ui-layer" ], dojoInit); 

    getLocation(); 
    initialize(); 
}

으로 한 일이다. 나에게 유용한 게시물이 있다면 답장을 보내주십시오.

출처

2014-01-17 ravi

정확히 무엇이 문제입니까? 브라우저 콘솔 (Firebug)에서 예외가 표시됩니까? –

오류가 없지만 근처 장소가 표시되지 않음 – ravi

위치 서비스가 사용 설정된 실제 휴대 전화에서이 기능을 테스트하고 있습니까? 또는 위치 서비스를 사용하도록 설정 한 상태에서 HTML5 호환 브라우저에서이 작업을 수행하고 있습니까? 워크 라이트를 사용하고 있으므로, 다음을 사용하십시오. http://pic.dhe.ibm.com/infocenter/wrklight/v6r1m0/topic/com.ibm.worklight.apiref.doc/html/refjavascript-client/html/WL .Device.Geo.html – Zarathuztra

나는 그것을 발견했다. 내 열쇠에 문제가 있는데, 브라우저에서 세부 정보를 얻으려고하면 "액세스가 거부되었습니다."라고 말했습니다. 그래서, 내가 구글 API 키를 변경하고 그것을 시도했습니다. 이제 브라우저에서 결과를 얻었습니다.

출처

2014-01-23 16:56:40 ravi

geolocation을 사용하여 주변 위치 정보 가져 오기

답변

관련 문제