更改頁面在Google地圖標記中點擊一個網址

Question

我正在爲一個藝術項目建立一個網站。它基於Wordpress，我希望用戶瀏覽瀏覽自定義Google地圖的內容，並鏈接到地圖標記內的不同文章。我已經無法插入帶有功能鏈接的標記，一切都很好。

我發現了兩個解決方案，爲我的網站中顯示的地圖：

1）LINK to solution 1在這裏，我告訴谷歌地圖API構建在頁面內一個div地圖，與相關的JavaScript在名爲map.js文件。有了這個解決方案，我可以使用標記作爲完整的功能鏈接，但是，正如您在鏈接中看到的那樣，地圖幾乎不會被渲染。

2）LINK to solution 2這裏我在不同的頁面上構建地圖，這是嵌入在iframe中的。地圖顯示正確，有標記和所有內容，但當點擊標記時，地圖就會消失。

你們有什麼建議我怎麼解決這個問題？

謝謝。

（我很抱歉，非常非常具體的問題）。

** * ** * ** * ** UPDATE ** * ** * ** * ***

對於第一種情況，問題解決了，css一直在扭曲圖像！

Answer 1

我指的是鏈接＃1，我看到了一些類似的地圖控件變形的問題，解決方案是更新CSS以將img屬性恢復爲地圖div中的默認值。

因此，請嘗試將這些行添加到style.css的末尾。它應該隻影響什麼在你的地圖div

#map label { width: auto; display:inline; } 
#map img { max-height: none; max-width: none; }