Google Maps API の履歴差分(No.2)

• 履歴一覧
• 現在との差分 を表示
• ソース を表示
• 履歴 を表示
• Google Maps API へ行く。
  • 1 (2019-01-15 (火) 16:09:36)
  • 2 (2019-03-29 (金) 16:56:01)
  • 3 (2019-07-15 (月) 03:31:00)

• 追加された行はこの色です。
• 削除された行はこの色です。

* Google Maps API [#se4822c1]

** Google Mapsが表示されない [#m7e405ab]

不安定な最新版を利用している可能性があります。
Premiumプランではない場合、デフォルトで最新版が指定されます。

最新版
 https://maps.googleapis.com/maps/api/js?v=weekly&key=xxx

安定版
  https://maps.googleapis.com/maps/api/js?v=quarterly&key=xxx

バージョン直指定
  https://maps.googleapis.com/maps/api/js?v=3.34&key=xxx

上記は、2019/01/15時点の情報です。

** Google Mapsが表示されないその2 [#d89d707d]

上記を対応しても、数か月後再び表示されなくなりました。
仕様変更があって、呼び出し側の対応が不足していると思われます。

旧
 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&key=AIzaSyA1bAl3z7pmy6HYJ8_6ExbG7GMDqiXONY4"></script>

新
 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&key=AIzaSyA1bAl3z7pmy6HYJ8_6ExbG7GMDqiXONY4&callback=initMap"></script>

上記のように書き換えて、initMap()関数を用意し、そこでマップ生成を行なうように変えました。以前はgoogle.maps.event.addDomListener(window, 'load',XXX)でイベントリスナに初期関数を無名関数で登録していました。

この変更の影響か、マップを表示している要素(div等)よりも後ろで<script>タグによる
Google API呼び出しを記述しないと、マップが表示されないようです。

2019/03/29 記述