Question

我有以下代码，圆圈已经可以移动了，现在我希望它可以调整大小：

  function init() {
    var mapCenter = new google.maps.LatLng(0, 0);
    var map = new google.maps.Map(document.getElementById('map'), {
      'zoom': 1,
      'center': mapCenter,
      'mapTypeId': google.maps.MapTypeId.ROADMAP
    });

    var marker = new google.maps.Marker({
      map: map,
      position: new google.maps.LatLng(55, 0),
      draggable: true,
      title: 'Drag me!'
    });

    var circle = new google.maps.Circle({
      map: map,
      radius: 3000000 // 3000 km
    });

    circle.bindTo('center', marker, 'position');
  }

  // Register an event listener to fire when the page finishes loading.
  google.maps.event.addDomListener(window, 'load', init);

现在，我该如何进行缩放器？我已经读过了：http://code.google.com/intl/pt-BR/apis/maps/articles/mvcfun.html 但是没有其他办法可以做到这一点吗？

Answer 1

google.maps.Circle对象有方法.setEditable(true)。文档中的描述说：

如果设置为true，则用户可以通过拖动控件来编辑此圆圈在中心和圆周周围显示的点。

如何在谷歌地图v3中制作一个可调整大小的圆圈？

1 个答案: