API Google Maps v3: Các điểm đánh dấu không bị xóa

Question

Tôi đang tạo bản đồ tải & phá hủy các điểm đánh dấu dựa trên cả hộp giới hạn và mức thu phóng. Tôi đang gặp sự cố thực sự khi đánh dấu đúng cách để xóa, có vẻ như đôi khi cũng hoạt động trong một số trường hợp nhất định.

Tôi có một đối tượng chứa thông tin điểm đánh dấu, cũng chứa đối tượng điểm đánh dấu bản đồ google. Mã của tôi phát hiện nếu thị trường sẽ bị xóa dựa trên hộp giới hạn hoặc mức thu phóng. Tôi đặt đối tượng điểm đánh dấu là "setMap (null);" và sử dụng firebug tôi có thể thấy rằng nó đang được thiết lập, sau đó tôi loại bỏ các đối tượng cha mẹ hoàn toàn và chiều dài dữ liệu đối tượng được cập nhật đúng cách.

Tôi xuất ra bảng điều khiển Firebug khi đánh dấu được cho là đã bị xóa, có vẻ như đang hoạt động và tôi có thể thấy rằng điểm đánh dấu không được sắp xếp lại từ cuộc gọi ajax cho các điểm đánh dấu trên thay đổi boundingbox.

Tuy nhiên, nếu tôi phóng to xung quanh bản đồ, đôi khi tôi có thể thấy các điểm đánh dấu đang bị xóa, nếu tôi phóng to thì hãy xoay lại giữ chuột. Hoặc đôi khi, tất cả các điểm đánh dấu sẽ bị xóa nếu tôi phóng to lần đầu tiên, nhưng nếu tôi phóng to lại thì chúng sẽ không bị xóa.

Tôi phải làm điều gì đó sai trái với logic của mã của mình, tôi bị bối rối.

Bạn có thể xem là nguồn gốc của http://www.trailforks.com/map/test.php?lat=49.352247&lon=-123.202413 JS là http://www.trailforks.com/map/includes/map.js

mã để xóa một dấu hiệu là ở dưới cùng

function clearMarkerMemory(mapItem, i) { 
    google.maps.event.removeListener(mapItem.lis); // remove stored listener 

    mapper.data[i].obj.setMap(null); // remove marker 
    mapper.data.splice(i, 1); 

    console.log("removed marker "+mapItem.icon+":"+mapItem.nid+' '+mapItem.name); 
}; 

tôi đã thêm một số debug hơn vào ra cửa sổ Console, đi đến một khu vực đơn giản của bản đồ chỉ với 2 điểm đánh dấu http://www.trailforks.com/map/test.php?lat=49.641783767&lon=-123.49878636730955&z=14

Tôi có thể thấy các điểm đánh dấu được tạo, sau đó di chuyển bản đồ ab và thấy rằng các điểm đánh dấu không được tạo lại vì chúng đã được phát hiện trong đối tượng điểm đánh dấu. Sau đó tôi di chuyển khung nhìn để một trong các điểm đánh dấu tắt màn hình và tôi có thể thấy rằng điểm đánh dấu bị xóa và chiều dài đối tượng điểm đánh dấu cập nhật. Nhưng nếu tôi xoay bản đồ trở lại điểm đánh dấu vẫn còn trên bản đồ.

Answer 1

Thay vì thực hiện:

google.maps.event.addListener(map, 'dragend', function() { refreshMarkers(); }); //refresh markers when user moves map 
google.maps.event.addListener(map, 'zoom_changed', function() { refreshMarkers(); }); //refresh markers when user moves map 

thay đổi nó để:

EDIT, (sau khi bình luận):

Để ngăn chặn nhiều trường hợp của các xử lý sự kiện xảy ra đồng thời, một biến toàn cầu có thể được sử dụng, như sau:

google.maps.event.addListener(map, 'bounds_changed', function() { 
if (processing) { // var processing is global 
    return; 
} 
processing = true; 
refreshMarkers(); 
processing = false; 

}); //refresh markers when user moves map 

Điều đó phải bao gồm cả hai trường hợp. Hiện tại, với hai trình nghe sự kiện khác nhau, các cuộc gọi AJAX có thể xung đột và bạn có thể thực hiện cuộc gọi thứ hai trước khi cuộc gọi đầu tiên hoàn thành.

Answer 2

Tôi đã vật lộn với vấn đề tương tự trong một thời gian dài cho đến khi tôi nhận ra rằng phương thức setMap của trình đánh dấu bản đồ là không đồng bộ. Khi bạn gọi đó và ngay lập tức loại bỏ bất kỳ tham chiếu đến đối tượng đánh dấu đó, trình thu gom rác của trình duyệt sẽ bước vào và dọn dẹp nó khỏi bộ nhớ và do đó ngăn chặn hoạt động xóa thực tế xảy ra.

Hãy dùng thử bằng cách chỉ nhận xét ra khỏi dòng với cuộc gọi ghép nối và xem điều đó có hữu ích không. Nếu nó trợ giúp, bạn nên cân nhắc việc trì hoãn việc xóa đối tượng, hoặc lưu trữ tham chiếu đến đối tượng điểm đánh dấu thay thế cho đến khi nó thực sự bị xóa. Làm thế nào để phát hiện nếu nó thực sự bị loại bỏ? Tôi không có ý kiến.

Tôi hy vọng điều này sẽ hữu ích!