Javascript 如何动态更改google places服务的半径？_Javascript_Google Maps Api 3

Javascript 如何动态更改google places服务的半径？

javascript google-maps-api-3

Javascript 如何动态更改google places服务的半径？,javascript,google-maps-api-3,Javascript,Google Maps Api 3,在变量请求中，我希望动态更改半径，即当我在文本字段中输入一个值（如1000）时，半径为1000 m的停车场应可视，如果我输入其他值，则应动态更改 <!DOCTYPE html> <html> <head> <style> html, body, #map-canvas { height: 100%; margin: 0px; padding: 0px } </style> <script src="https://maps.goo

在变量请求中，我希望动态更改半径，即当我在文本字段中输入一个值（如1000）时，半径为1000 m的停车场应可视，如果我输入其他值，则应动态更改

<!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>


html，正文，#地图画布{
身高：100%；
边际：0px；
填充：0px
}
var标记；
var映射；
var infowindow=new google.maps.infowindow（）；
菌丝中心变种；
var标记=[]；
函数初始化（）
{
myCenter=new google.maps.LatLng（13.052413899994,80.25065293862303）；
map=new google.maps.map（document.getElementById（'map-canvas'）{
mapTypeId:google.maps.mapTypeId.ROADMAP，
中心：迈森特，
缩放：15
});
}
函数some（）
{
var请求={
地点：迈森特，
半径：500，
类型：[“银行”]
};
var service=newgoogle.maps.places.PlacesService（地图）；
服务.nearbySearch（请求、回调）；
函数回调（结果、状态）{
if（status==google.maps.places.PlacesServiceStatus.OK）{
对于（var i=0；i

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

  ...
}