在JavaScript中實現Google Maps API密鑰

我正在嘗試通過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

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

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

來源

2016-12-05 CDarmangeat

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

相反，您應該使用您在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>

來源

2016-12-05 20:37:36

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

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

重要提示

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

來源

2016-12-05 20:44:55 Karlen

在JavaScript中實現Google Maps API密鑰

回答

相關問題