javascript - 如何更改 Google Map API 中标记周围的圆的半径

Question

我正在尝试通过更改组合菜单的值来更改圆半径。所以我为 onchange 编写了一个函数，如下所示。

    function changeRadius(){ 
       var selectedRadius = (document.getElementById("circle_radius").value)*1000;

       var circle = new google.maps.Circle({
              map: map,
              radius: selectedRadius // radius unit is meter.
            });

       var marker2 = new google.maps.Marker({
              map: map,
              position: new google.maps.LatLng(40,-90),
              draggable: true,
              title: 'Drag me!'
            });

       circle1.bindTo('center', marker2, 'position'); 

   }

但它不起作用。有什么想法吗？

Answer 1

你必须做这样的事情:

google.maps.event.addDomListener(
   document.getElementById('circle_radius'), 'change', function() {
       circle.setRadius(document.getElementById('circle_radius').value)
   });

使用此函数，您将设置一个函数作为 circle_radius 组合值更改事件的监听器。该函数将使用组合的值更新圆的半径。