2016-12-05 136 views
1

我正在嘗試通過HTML代碼創建的地圖(我不是一個專業的開發人員,而且我在JavaScript中非常無知)。只要我保持本地html文件,一切運行正常,但只要我把它放到網上,地圖就不會顯示,並且我收到了關於丟失的密鑰的消息。在JavaScript中實現Google Maps API密鑰

所以我得到了一個關鍵,但我的問題是要找到它的工作原理。我的地圖是由以下指令產生:

map = new google.maps.Map(document.getElementById("map"), options); 

我嘗試添加該腳本:

腳本SRC =「https://maps.googleapis.com/maps/api/js?key=# #### & callback = initMap「async defer

但是,發生的所有情況都是幾個錯誤,並且沒有可見的地圖。

任何人都可以幫助我嗎?在此先感謝

+1

請包括您得到的錯誤和如何將腳本加載到HTML頁面的部分。 –

回答

0

相反,您應該使用您在Google地圖站點上獲得的iframe。例如:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d100994.00356082054!2d-121.9805740058651!3d37.71820818113972!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fe65cd6892231%3A0x3b327c848ef64057!2sDublin%2C+CA+94568!5e0!3m2!1sen!2sus!4v1480970198759" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

0

轉到google developer console憑證頁,然後在頂部,你會看到該選項卡上域驗證選項卡上單擊,然後點擊按鈕爲了加入域到添加您的網站正在加載的網域。

如果你這樣做,你將不需要API密鑰。感謝這個Google可以跟蹤您的請求。

重要提示

我不知道這是否會是這樣的你,但請注意,一旦您將添加一個驗證域確保先前生成的密鑰不被用於Google Map的網絡服務就像API,否則在添加域後API會返回錯誤。