Как сделать круг с изменяемым размером в Google Maps v3?

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, пользователь может редактировать этот круг, перетаскивая элемент управления точки показаны в центре и по окружности круга.