Bản đồ Google js api phiên bản 3 infowindow glitch

Question

Tôi đang phát triển một ứng dụng sử dụng bản đồ google api v3 để hiển thị điểm đánh dấu và thông tin.

Vâng, tôi có các điểm đánh dấu N được lưu trữ trong một mảng và một infowindow toàn cầu được sử dụng để hiển thị một số thông tin.

Nội dung infowindow được thể hiện đơn giản bằng cách nhấp chuột vào một điểm đánh dấu, tạo ra theo cách này:

/* global js stuff */ 
var g_map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 
var g_current_popup = new google.maps.InfoWindow({ content: "" }); 
var g_markers = []; 

/* create marker function */ 
function addMarker(p_infowindow_contents) 
{ 
    var l_marker = new google.maps.Marker(all the stuff needed); 
    google.maps.event.addListener(l_marker, 'click', function() 
    { 
     g_current_popup.close(); // if already open, it must be closed and reloaded 
     g_current_popup.setContent(p_infowindow_contents); 
     g_current_popup.open(g_map, l_marker); 
    }); 
    g_markers.push(l_marker); 
} 

Mọi thứ hoạt động như mong đợi, ngoại trừ một chút trục trặc đồ họa: khi infowindow đang xuất hiện, tôi thấy infowindow ' tip 'vị trí tại một vị trí không xác định cho một phần mười của một giây, sau đó nó biến mất và tôi thấy infowindow chính xác.

Nhìn vào ảnh chụp màn hình này mất ngay trước mũi biến mất:

Có ai trải qua một cái gì đó như thế này? Có thể là một số vấn đề về CSS không?

Cảm ơn

Answer 1

Nó không giống như thế này là một vấn đề với mã của bạn, tôi nghĩ rằng nó nhiều khả năng là một vấn đề trình duyệt. Tôi đã có thể xác nhận điều tương tự nhìn vào ví dụ infowindow mà Google cung cấp trong Firefox, nhưng không phải trong Chrome:

https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple

nó dường như xảy ra rõ ràng hơn khi bản đồ có phải di chuyển để phù hợp với infowindow, nhưng tôi sẽ nói rằng nó không phải là một yêu cầu cho nó để làm như vậy. Nó có khả năng chỉ là một tạo tác với màn hình lấy một vài chu kỳ đồng hồ để bắt kịp với DOM.