MonacaでgoogleMap設定 (iOSビルド版)

問題

Monacaとmobile backendでアプリ開発中、地図を表示するためにGoogle MapのAPIを利用していますが、DebugアプリやAndroidでは問題なく表示していますが、なぜかiOSでビルドすると上手く表示しません。

原因

原因は設定ではgoogle mapのドメインが許可されていないことです。
monacaが採用したPhoneGap/Cordova の仕様により、セキュリティを守るため、外のドメインアクセスはホワイトリスト登録必要があります。

解決

• 登録方法：

Monaca開発環境でのios/MonacaApp-Info.plistファイルを開き、以下追加
※一番上にあるの直後に追加することをお勧めします。

<key>ExternalHosts</key>           
<string>*.googleapis.com</string>

参考

Phonegapの仕様について
http://docs.phonegap.com/en/1.9.0/guide_whitelist_index.md.html

monacaでのiOS設定について
http://docs.monaca.mobi/cur/ja/reference/config/ios_configuration/