問題タブ [react-google-maps]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - Google マップ ローカルでは動作するが、Heroku では動作しない
反応アプリを heroku にデプロイしましたが、マップが表示されません。次のエラー メッセージが表示されます。
Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys util.js:248:12
ライブラリに含めて、index.html にスクリプト タグを付けて読み込もうとすると、次のようになります。
You have included the Google Maps API multiple times on this page. This may cause unexpected errors.
Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error
Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys
注: Key Restrictions は none に設定されています。なぜ localhost からは機能するのに heroku からは機能しないのだろうか