Google 장소 API의 특정 위치에서 위치를 검색하고 JSOn 출력에 표시하고 싶습니다. 가까운 곳의 모든 은행을 검색하려고합니다. 어떻게해야합니까? 샘플 코드를 제공해주십시오.Google 장소 API JSON 출력을 내고 싶습니다.
안부, swathi.
Google 장소 API의 특정 위치에서 위치를 검색하고 JSOn 출력에 표시하고 싶습니다. 가까운 곳의 모든 은행을 검색하려고합니다. 어떻게해야합니까? 샘플 코드를 제공해주십시오.Google 장소 API JSON 출력을 내고 싶습니다.
안부, swathi.
을 시도 당신이 당신의 거리에 따라 반경을 줄 필요가 ... 유형
당신이 첸나이 같은 장소를 줄 필요가 ... ATM, 레스토랑, 주유소 U가 필요로하는 방법이 될 수 있습니다 , banglore 등 또는 위도/경도를 제공합니다 ... 간단히 설명해주십시오 .. 안드로이드/아이폰에이 작업 코드를 시도해보십시오. 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.
}
감사를 들어 코드를 제공합니다. 나는 안드로이드 타블렛을 사용하고 있습니다. 자바 맵 aplictaion이 필요합니다 google지도에 대한 phonegap. – user1422875
Google 지역 API 설명서를 읽어 보시기 바랍니다 : https://developers.google.com/maps/documentation/places/ –