Android上的PhoneGap不会加载外部脚本

Question

I'm making a simple app that will load a google map. but the problem is everytime I load this

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

It wont run on my android emulator while on desktop it works fine. how can I let Phonegap or Android allow external scripts to work/load?

UPDATE: I always get this error "Application Error: The connection to the server was unsuccessful.(file///android_asset/www/index.html). But if I removed the google map script. it works.

Answer 1

Actually, the whitelist is the issue like @TDeBailleul said, but he was referring to the location of the whitelist in iOS not Android.

In android, it is in /res/xml/PhoneGap.xml

There is an example of this file in this answer: https://stackoverflow.com/a/9187479/878602

Answer 2

In the lastest PhoneGap version(2.7.0). You should modify the file " config.xml " located in /res/ directory of your Android project. Simply add:

<access origin="http://www.yourdomain.com" subdomains="true" />

Domains are assumed blocked unless set otherwise.

Answer 3

In the phonegap version 5.1 things are different than the above answers.

There is a plugin installed called cordova-plugin-whitelist . Read the file at plugins/cordova-plugin-whitelist/README.md to know details.

There are multiple kind of whitelist(navigation, intent and access-origin) and in this case you need the content-security -policy.

<!-- Enable all requests, inline styles, and eval() -->
<meta http-equiv="Content-Security-Policy" content="script-src: 'self' 'unsafe-inline' 'unsafe-eval' 'https://maps.google.com'">