相关疑难解决方法(0)

谷歌地图中的交互式圆圈随着半径的变化而变化

我想要一个谷歌地图的交互式圈子,当我在滑块中改变半径时,它会增加或减少.
当我增加半径时它工作正常,但是在半径减小时它不会在地图中改变(减少)圆

$(function() {
        $("#slide").slider({
               orientation: "horizontal",
               range: "min",
               max: 10000,
               min: 500,
               value: 500,
               slide: function( event, ui ) {
                            drawCircle(ui.value);
                                            }
                            });
             });

function drawCircle(rad){
      circle = new google.maps.Circle({
              strokeColor: "#FF0000",
              strokeOpacity: 0.8,
              strokeWeight: 2,
              fillColor: "#FF0000",
              fillOpacity: 0.35,
              map: myMap,
              radius: rad });

      circle.bindTo('center', marker, 'position');
                        }
Run Code Online (Sandbox Code Playgroud)

javascript jquery google-maps google-maps-api-3

6
推荐指数
1
解决办法
1万
查看次数