Google Map API v3沒有顯示

Question

我試圖將這個腳本添加到我的html頁面：（它的一個臨時鏈接，它被刪除）（這個腳本單獨工作很好，它沒有顯示地圖，當我添加到我的HTML）

它計算距離並顯示結果，但地圖沒有顯示。

出發地下方的城市文本框爲地址1，到達下方的城市文本框爲地址2。該地圖假設在div標籤中顯示id：map_canvas，但未顯示。我嘗試添加和刪除表單標籤，更改佈局等，但沒有任何工作。

如果有人能幫我解決這個問題，我會很高興。

謝謝！

Answer 1

這是你的身高設置。嘗試

<div id="map_canvas" style="width:100%; height:500px;"></div> 

參見本jsFiddle

Answer 2

將您的map_canvas的width和height屬性設置爲絕對值，如400px。

不能確切地告訴你爲什麼，但它會顯示然後。可能是因爲沒有任何東西的x％（因爲最初沒有div中的內容）就等於什麼都沒有，並且當你將地圖添加到div時div不會刷新。