0

我使用從Google Fusion表格中提取的數據在Google地圖上填充標記(鏈接:https://www.google.com/fusiontables/DataSource?docid=1mWA12GVNH1CDLO41ProqVCqQZBXXfV_r6YVRljw)。需要在Google地圖infowindow中觸發事件(使用Google Fusion創建)

單擊標記時,會顯示信息窗口。 (注意:此操作使用Google Fusion Tables執行)。

我想觸發一個事件,當點擊一個infowindow內部的鏈接時,在頁面上顯示一個YouTube視頻。

在同一頁面上,我使用從同一個Google Fusion Table提取的數據創建了一個Google Visualization Table,並且當使用jQuery單擊Visualization表格內的鏈接時,我可以在頁面上顯示YouTube視頻。我從谷歌地圖Infowindow調用相同的功能,但它不起作用。

這是我在GitHub上的代碼鏈接:https://github.com/mershon1/VICE-guide-to-travel/blob/gh-pages/index_v0.3.1.html

我是編程新手,不明白問題所在。我到處尋找解決方案,但我沒有找到任何具體的解決方案。任何幫助將不勝感激。謝謝!

+0

如果簡化問題了一下,直接發佈一些相關的代碼的問題這將有助於。 – Krease

回答

0

自動infoWindow的內容可能會被修改。

這些infoWindows也將在由google託管的應用程序中打開,因此必須對內容進行消毒以確保不會注入惡意代碼。當您使用developer-tools檢查infoWindow時,您會看到val-attribute已被刪除。

你可以做什麼:觀察FTLayer的點擊事件並修改infoWindowHTML。

這個加入的initialize()末:


google.maps.event.addListener(layer, 'click', function(e) { 

    e.infoWindowHtml = '<div class="googft-info-window" >'+ 
        '<strong>VICE-Guide to:</strong>'+ 
        e.row['Country'].value + 
        '('+e.row['Region'].value+')<br/>'+ 
        e.row['Hyperlink'].value + 
        '</div>'; 
}); 
+0

真棒,它的作品!非常感謝! – user3304443

相關問題