2018年7月25日カテゴリー:

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]