2012-05-29 9 views
-1

Google 장소 API의 특정 위치에서 위치를 검색하고 JSOn 출력에 표시하고 싶습니다. 가까운 곳의 모든 은행을 검색하려고합니다. 어떻게해야합니까? 샘플 코드를 제공해주십시오.Google 장소 API JSON 출력을 내고 싶습니다.

안부, swathi.

+0

Google 지역 API 설명서를 읽어 보시기 바랍니다 : https://developers.google.com/maps/documentation/places/ –

답변

0

여기이 https://maps.googleapis.com/maps/api/place/search/json?location=13.117730,80.148430&radius=500&types=atm&sensor=false&key=yourkey

을 시도 당신이 당신의 거리에 따라 반경을 줄 필요가 ... 유형

당신이 첸나이 같은 장소를 줄 필요가 ... ATM, 레스토랑, 주유소 U가 필요로하는 방법이 될 수 있습니다 , banglore 등 또는 위도/경도를 제공합니다 ... 간단히 설명해주십시오 .. 안드로이드/아이폰에

0

이 작업 코드를 시도해보십시오. jquery mobile을 사용합니다. 현재 너비가lon 인 곳을 찾습니다.

map.html

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 



    <link rel="stylesheet" href="css/jquery.mobile-1.0.min.css" /> 


    <script src="js/jquery.js"></script> 
    <script src="js/jquery.mobile-1.0.js"></script> 
    <script src="js/map.js"></script> 

<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=true&libraries=places"></script> 

</head> 

<body> 
<div data-role="page" data-theme="none" class="page-map" id="page-map"> 
    <script src="js/canvas.js"></script> 
    <div id="map-canvas"> 
         <!-- map loads here... --> 
    </div> 
</div> 
</body> 
</html> 

map.js

var map; 
var infowindow; 
var lat; 
var lng; 
var lng; 
var service; 
var reference; 
var initialLocation; 

$('.page-map').live('pagecreate',function(event){   
    checkLocation(); 
}); 


function checkLocation() { 
    if (navigator.geolocation) { 

     navigator.geolocation.getCurrentPosition(function(position) { 

      initialLocation = new google.maps.LatLng(position.coords.latitude, 
        position.coords.longitude); 
      lat = position.coords.latitude; 
      lng = position.coords.longitude; 

      callPlaceService(lat, lng); 
     }, gpsFail, { 
      enableHighAccuracy : true, 
      maximumAge : 300000 
     }); 
    } 
} 

function callPlaceService(lat, lng) { 

    var pyrmont = new google.maps.LatLng(lat, lng); 

    var myOptions = { 
     zoom : 15, 
     center : pyrmont, 
     mapTypeId : google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById("map-canvas"), myOptions); 

    var request = { 
     location : pyrmont, 
     radius : 5000, 
     //types: ['atm','bank'], 
     keyword : 'Bank' 
    }; 

    service = new google.maps.places.PlacesService(map);  
    service.search(request, callback); 
} 

function callback(results, status) { 

    if (status == google.maps.places.PlacesServiceStatus.OK) { 

     for (var i = 0; i < results.length; i++) { 

      var requestDetails = {reference : results[i].reference}; 

      service.getDetails(requestDetails, checkDetailedStatus); 
     } 
    } 
} 

function checkDetailedStatus(details, detailStatus) { 
    if (detailStatus == google.maps.places.PlacesServiceStatus.OK) { 

     var name = '{"name":"'+ details.name +'"}'; 
     var address = '{"address":"' + details.formatted_address + '"}'; 
     var phone = '{"phone":"' + details.formatted_phone_number+ '"}';   
     var website = '{"website":"' + details.website + '"}'; 
     var full_address = name + "," + address + "," + phone + "," + website; 
     console.log(full_address); 
     var jsonTxt = JSON.stringify(full_address); 

    } 
} 

function gpsFail() { 
    //Geo-location is supported, but we failed to get your coordinates. 
} 
+0

감사를 들어 코드를 제공합니다. 나는 안드로이드 타블렛을 사용하고 있습니다. 자바 맵 aplictaion이 필요합니다 google지도에 대한 phonegap. – user1422875

관련 문제