Google Maps API 演示 - google 未定義
P粉269847997
P粉269847997 2023-09-02 18:33:34
0
1
508

我正在嘗試實作Google Maps API,並且一直在關注官方的Demo。

我複製了程式碼,只做了一個更改:

// Raises an error: Access to script at 'file:///D:/Desktop/Stuff/map-test/test.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.  // Changed to this 

結果,我收到以下錯誤:

ReferenceError: google is not defined at initMap

我猜這是由於從腳本中刪除了 type="module" 造成的?大多數人如何實現它,因為似乎您需要自己託管模組才能為此導入它?

我已將程式碼更改為以下內容,但這會引發警告。

 // Warning: Google Maps JavaScript API has been loaded directly without a callback. This is not supported and can lead to race conditions and suboptimal performance. For supported loading patterns please see https://goo.gle/js-api-loading< /pre> 

謝謝!

編:

我閱讀了之前關於使用 HTTP 伺服器託管檔案的答案,我誤解了他們的意思是託管 JS 檔案。相反,您應該在本地託管 HTML 文件以進行測試,而不是直接打開 HTML 文件(即在文件資源管理器中雙擊它)。

所以用 python3:

# in the directory that contains index.html: python3 -m http.server 8080

造訪 http://localhost:8080/index.html 對我有用。謝謝!

P粉269847997
P粉269847997

全部回覆 (1)
P粉356361722

我閱讀了之前關於使用 HTTP 伺服器託管文件的答案,我誤解了他們的意思是託管 JS 檔案。相反,您應該在本地託管 HTML 文件以進行測試,而不是直接打開 HTML 文件(即在文件資源管理器中雙擊它)。

所以使用 python3:

# in the directory that contains index.html: python3 -m http.server 8080

造訪 http://localhost:8080/index.html 對我有用。謝謝!

    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!