Google 지역 정보 서비스의 반경을 동적으로 변경하는 방법은 무엇입니까?

변수 요청에서 동적으로 반지름을 변경하고 싶습니다. 예를 들어, 텍스트 필드에 1000과 같은 값을 입력 할 때 반경 1000m 이내의 주차 영역은 현명한 것처럼 보이게해야합니다. 다른 값을 입력하면 동적으로 변경해야합니다. 이처럼Google 지역 정보 서비스의 반경을 동적으로 변경하는 방법은 무엇입니까?

<!DOCTYPE html> 
<html> 
<head> 
<style> 
html, body, #map-canvas { 
height: 100%; 
margin: 0px; 
padding: 0px 
} 
</style> 
<script src="https://maps.googleapis.com/maps/api/js?v=3&sensor=true&libraries=places"> </script> 
<script> 
var marker; 
var map; 
var infowindow = new google.maps.InfoWindow(); 
var myCenter; 
var markers = []; 

function initialize() 
{ 
    myCenter = new google.maps.LatLng(13.052413899999994,80.25065293862303);   
    map = new google.maps.Map(document.getElementById('map-canvas'), { 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     center: myCenter, 
     zoom: 15 
    }); 
} 

function some() 
{ 
    var request = { 
    location: myCenter, 
    radius: 500, 
    types: ['bank'] 
    }; 

var service = new google.maps.places.PlacesService(map); 
service.nearbySearch(request, callback); 

function callback(results, status) { 
    if (status == google.maps.places.PlacesServiceStatus.OK) { 
     for (var i = 0; i < markers.length; i++) { 
      markers[i].setMap(null); 
       } 
      markers = []; 
     for (var i = 0; i < results.length; i++) { 
     createMarker(results[i]); 
     } 
    } 
} 
function createMarker(place) 
{ 
var placeLoc = place.geometry.location; 
marker = new google.maps.Marker({ 
    position: place.geometry.location 
}); 
marker.setIcon({ 
    url:'bank.png', 
    size: new google.maps.Size(70, 71), 
    anchor: new google.maps.Point(17, 14), 
    scaledSize: new google.maps.Size(35, 35) 
    }); 
marker.setMap(map); 

google.maps.event.addListener(marker, 'click', function() { 
    infowindow.setContent(place.name); 
    infowindow.open(map, this); 
}); 
markers.push(marker); 
} 
} 
google.maps.event.addDomListener(window, 'load', initialize); 

</script> 
</head> 
<body> 
<div id="map-canvas" style="width: 50%; float:left"></div> 
<div style="width:46%; float:left"> 
<input type="number" id="inputarea"> 
<button onclick="some();">Banks</button> 
</div> 
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> 
</script> 
<script type="text/javascript"> 
_uacct = "UA-162157-1"; 
urchinTracker(); 
</script> 
</body> 
</html>

출처

2013-10-18 user123

function some() 
{ 
    var request = { 
    location: myCenter, 
    radius: parseInt(document.getElementById('inputarea').value, 10), 
    types: ['bank'] 
    }; 

    ... 
}

출처

2013-10-18 10:54:51

Google 지역 정보 서비스의 반경을 동적으로 변경하는 방법은 무엇입니까?

답변

관련 문제