google maps API JavaScript не работает в html-файле, но работает в w3schools

Question

Я попытался получить свое текущее местоположение и отобразить на Google-картах. для этого:

• Я активировал Javascript API (на сайте google.developers).
• получил ключ доступа к api.
• скопировал код по ссылке ниже в html-файл (вставляя мой ключ, когда «вызывал» api, конечно).

Когда я запускал файл HTML в браузере, я получил уведомление, давая ошибку InvalidKeyOrUnauthorizedURL, но мне кажется, что я все сделал правильно, а на самом деле, кажется, я действительно, потому что, когда я запускал точный код в учебниках W3Schools («Попробуйте сами»), результат показал мне мое местоположение.

Итак, после этого контекста, я хотел бы знать, почему я не могу запустить этот код непосредственно в браузере, я имею в виду, что это нормально, используя w3schools, но это не так, и он спрашивает, почему он недействителен.

замечания: Обратите внимание, что файл не размещается, это мой собственный компьютер. Я попытался запустить браузер Opera и Chrome, и они оба потерпели неудачу. Я успешно запускал коды google maps api непосредственно в браузере, но им не нужен ни один ключ.

Благодаря

Answer 1

Это потому, что вы не разместить его на локальном сервере.

Ваш браузер не сможет пропустить запрос местоположения, даже если вы разрешите всем сайтам отслеживать ваше местоположение.

Настройте сервер на локальном интерфейсе, а затем попробуйте запустить его. Он должен работать нормально.

PS. Ваш браузер скажет вам, когда какие-либо запросы на местоположение заблокированы. В Chrome появится небольшая иконка в правой части строки URL-адреса после того, как был сделан запрос о местоположении.