嵌入式Google地圖未以特定網絡上的位置為中心

Question

我正在使用嵌入的Google地圖在具有特定位置的特定頁面上呈現具有動態位置的地圖。 iframe包含帶有q=參數的Google嵌入地圖的網址，以檢索位置。 例如這樣：

<iframe height="200" frameborder="0" style="border:0; width:100%;" src="https://www.google.com/maps/embed/v1/place?key=GOOGLE_API_KEY_HERE&q=Fabryczna+20A,+Kraków,+Poland" allowfullscreen></iframe>

通常它可以很好地渲染，就像這里：

但是奇怪的是，有時在相同的瀏覽器上，它呈現的相同硬件就像沒有提供地址一樣：

我觀察到的內容-似乎與不同的網絡有關（但與網絡速度無關）-例如，我可以使用家庭wifi很好地查看地圖，但是當我切換到辦公室網絡或移動設備（用於使用個人熱點和蜂窩網絡的示例）問題。

發生此問題時，iframe src與不存在時相同。 但是iframe的內容會發生變化。

該如何處理？

謝謝

Answer 1

有一個相當簡單的解決方案。 它與Google API密鑰有關。 如果您想在您的網站上嵌入自己的位置，我建議您使用Google Maps提供的嵌入功能。

簡單做如下：

在Google地圖>共享>嵌入地圖中輸入您的位置。

您將得到如下代碼：

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2488.201651849343!2d19.975045070729283!3d50.06547331892074!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47165b28caac7d19%3A0xbd9f87d30b21ac38!2sFabryczna+20A%2C+Krak%C3%B3w%2C+Poland!5e0!3m2!1sen!2snl!4v1510144269138" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

您還可以在嵌入地圖之前通過滾動來確定將在嵌入式Google地圖中看到的內容。

希望這可以幫助！