グーグル（ジオロケーション）

Question

私はこの例を実行しようとしている：JSFiddleで

https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_geolocation_map

：

https://jsfiddle.net/y8p1x4jf/

今の例をW3Schoolsエディタで動作します。

そしてローカルホスト上で、私は同じ参照：私はJSFiddleまたはローカルホスト上で実行する場合でも、私が見

をしかし、私はW3Schoolsのを貼り付けた場合のマップは細かい表示します例コードを.htmlファイルに保存し、ブラウザで開きます。

なぜJSFiddleとLocalhostに壊れた画像リンクが表示されるのですか？私はそれがジオロケーションと関係していると思います。壊れた画像のURLをコピーして、そのURLの緯度&を変更すると、画像は正常に動作します。私のブラウザで

私は壊れた画像のURLを訪問し、アドレスバー私はfolowingエラーを参照してください。The Google Maps API server rejected your request. Invalid request. Missing the 'size' parameter.

Answer 1

はい、それはサイトです。ネットワークのレスポンスを見てください。

Google Maps APIサーバーがリクエストを拒否しました。このIP、サイト、またはモバイルアプリケーションには、このAPIキーを使用する権限がありません。 IPアドレス76.76.254.34からのリクエスト、リファラー：https://fiddle.jshell.net/_display/

キーを取得する必要があります。https://developers.google.com/maps/documentation/javascript/get-api-key