ITOBEN STYLE > EC-CUBE3 > EC-CUBE3系：GoogleMapが正常に表示されなくなった場合の対処法 2018年7月25日カテゴリー: EC-CUBE3 EC-CUBE3系：GoogleMapが正常に表示されなくなった場合の対処法 EC-CUBE3系 「Google Maps API」→「Google Maps Platform」へのアップデートに伴い以下のように変更になりました。 Google Maps APIは、Webサイトの開発者がAPIキーを発行していなくても利用できましたが、Google Maps PlatformではAPIキーの利用が必須になります。 そのためAPIキーを取得していないと、サイトに埋め込んだGoogle Mapsが正常に表示されない場合があります。 ▼修正方法 （1）GoogleMap APIを取得します。 取得方法は「googlemap api 取得」等で検索してください。 （2）下記のAPIキーのコードをファイルに追記してください。 key=***********************************& 赤色がAPIキーです。 ■src/Eccube/Resource/template/default/Help/about.twig ■app/template/default/Help/about.twig（生成されている場合） 27行目付近にコードを追加 [php] <script src="//maps.googleapis.com/maps/api/js?sensor=false"> [/php] ↓ [php] <script src="//maps.googleapis.com/maps/api/js?key=***********************************&sensor=false"> [/php]
EC-CUBE3系
「Google Maps API」→「Google Maps Platform」へのアップデートに伴い以下のように変更になりました。
Google Maps APIは、Webサイトの開発者がAPIキーを発行していなくても利用できましたが、Google Maps PlatformではAPIキーの利用が必須になります。
そのためAPIキーを取得していないと、サイトに埋め込んだGoogle Mapsが正常に表示されない場合があります。
▼修正方法
（1）GoogleMap APIを取得します。
取得方法は「googlemap api 取得」等で検索してください。
（2）下記のAPIキーのコードをファイルに追記してください。
key=***********************************&
赤色がAPIキーです。
■src/Eccube/Resource/template/default/Help/about.twig
■app/template/default/Help/about.twig（生成されている場合）
27行目付近にコードを追加
[php]
<script src="//maps.googleapis.com/maps/api/js?sensor=false">
[/php]
↓
[php]
<script src="//maps.googleapis.com/maps/api/js?key=***********************************&sensor=false">
[/php]