2013-11-26 35 views
5

我正在開發一個應用程序,它使用谷歌地圖api v3來顯示標記和infowindows。谷歌地圖js api版本3 infowindow故障

那麼,我有N個標記存儲在一個數組和一個全局infowindow用於顯示一些信息。

信息窗口內容通過點擊一個標記,以這種方式創建簡單表示:

/* 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); 
} 

一切正常,除了一個小圖形故障:當信息窗口出現,我看到了信息窗口「小費「定位在未知位置十分之一秒,然後消失,我看到正確的infowindow。

看看這張截圖只用了前尖消失:

look at the white triangle...

有誰經歷過這樣的事情? 它可能是一些CSS問題?

感謝

回答

1

它看起來並不像這是你的代碼有問題,我認爲它更可能是瀏覽器的問題。我能確認看信息窗口例如,谷歌在Firefox中提供同樣的事情,但不是在Chrome:

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

似乎在MAP滾動,以適應信息窗口更明顯的情況發生,但我想說這不是它的要求。這可能只是屏幕上的一個工件,需要幾個時鐘週期才能跟上DOM。

+0

你是對的,我從來沒有觀察到樣品,但我在Chrome瀏覽器上(在GNU/Linux操作系統上)都能看到它。我認爲這可能是一個webkit或顯卡驅動程序問題。 謝謝:) – Giancarlo