Xử lý khi vẽ đa giác hoàn tất trong bản đồ google api v3

Question

Dường như bản vẽ đa giác không đồng bộ trong google maps api v3. Cố gắng nhấp vào nút "Load" trong ví dụ này:

http://jsfiddle.net/rmXXF/

dòng chữ "Done" được viết sớm hơn nhiều so với lưới được vẽ! Dường như bản vẽ của lưới hình chữ nhật là không đồng bộ. Tôi muốn văn bản XONG hiển thị SAU lưới được vẽ! Có một số trình xử lý sự kiện cho việc này không?

Phần quan trọng của mã là chức năng action():

polygons = draw_all_squares(map); // draw grid here 
document.getElementById('status').innerHTML = 'DONE'; // displayed 2 seconds 
                 // before the grid! 

Lưu ý rằng bản đồ 'nhàn rỗi' sự kiện không hoạt động cho điều này, bởi vì bản đồ không được di chuyển/phóng to. Bạn có thể thử tại đây: http://jsfiddle.net/92Hxj/

Có thể nó có gì đó không làm với bản đồ google nhưng với hiển thị trình duyệt? Trong mọi trường hợp, một số xử lý sự kiện cho điều này nên có mặt.

Answer 1

Bằng cách kích hoạt một recentering nhỏ của bản đồ sau khi vẽ tất cả các đa giác này sẽ được thêm vào hàng đợi sự kiện bản đồ google nội bộ giống như có thể được nhìn thấy trong ví dụ này: http://jsfiddle.net/rmXXF/40/

google.maps.event.addListener(map, 'idle', function() { 
document.getElementById('status').innerHTML = 'DONE'; 
}); 

và

my_map.setCenter(new google.maps.LatLng(my_map.getCenter().lat(), my_map.getCenter().lng() + .000000001)); 

Answer 2

Bạn nên sử dụng lớp phủ và nghe sự kiện 'rectanglecomplete' của trình quản lý bản vẽ. Tôi có thể viết mã ví dụ sau bữa trưa.

David nói đúng. Tôi đã đọc sai tài liệu. Xin lỗi. Anh ta sẽ nhận được tiền thưởng.