Phonegap无法读取/呈现Google Maps API - “无法找到变量Google”错误

Question

基本信息和错误......

我正在尝试使用Google Maps API v3，Phonegap 2.9.0和Xcode 4.6.3来创建一个获取用户当前位置的应用，然后向他们返回一组最近位置的列表（使用Fusion Tables）。 这一切都在我的桌面上的任何浏览器中工作，但一旦“移植”到Phonegap，我收到一个错误。

我收到的错误是：

ReferenceError: Can't find variable: google in (/somepath/)

当我在Xcode的iPhone模拟器中运行应用程序时。

我试过了什么

我已经阅读了关于这个问题的无数文档，并尝试了大多数建议的修复程序。 我试过将我调用的API网址列入白名单（虽然我觉得这可能是我的问题，见下图）。 或者也许是我的代码（另见下文）。

所以基本上，是否有任何我遗漏或做错的事情显而易见？ 我已经研究了很长一段时间，并且已经耗尽了资源来阅读。 任何帮助将不胜感激。

我的代码

白名单/ ExternalHosts？

更大的形象

我概述了我将Google域名“列入白名单”的地方，但出于某种原因，我对是否正确完成此操作有点担心。 我经常阅读在哪里可以找到ExternalHosts.plist文件，但在创建Phonegap目录时没有该文件夹结构。 因此，我对上面的.plist文件以及config.xml文件进行了编辑

代码

我的index.html页面非常基本。 它包含通常的标题内容（CSS文件包含，doctype等）。 身体有

<div id="map" class="google-map-canvas"></div>

<table class="table table-condensed table-striped">
    <thead>
        <tr>
            <th>Name</th>
            <th>Location</th>
            <th>Distance</th>
        </tr>
    </thead>
    <tbody id="sidebar-data">
                <!--data gets put into here-->
    </tbody>
</table>

页脚有这个......

<script src="//maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="cordova.js"></script>
<script src="js/map.js"></script>

最后，我的map.js文件（以及您在上面看到的所有内容）都在我的Github仓库中（ https://github.com/jamez14/TrailFinder/blob/master/TrailFinder/www/js/map.js ） - 抱歉糟糕的命名约定（即在回购中调用我的Phonegap文件夹“TrailFinder”）。 无论哪种方式，你都会看到我的map.js文件包含通常的“Phonegap地理位置”。

我还尝试了有关添加Maps API调用（ Google Maps API v3无法在移动浏览器或PhoneGap中运行 ）的建议，但没有运气。

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {
    alert('onDeviceReady');
    navigator.geolocation.getCurrentPosition(onSuccess, onError);
}

window.onerror = function(message, url, lineNumber) {
    alert("Error: "+message+" in "+url+" at line "+lineNumber);
}

var map;

function onSuccess(position) {
//lots of stuff below this in the actual file

再一次，任何帮助/提示将非常感谢如何让我的谷歌地图显示在Xcode的iOS模拟器上。

Answer 1

解决了！

在我的index.html文件中，当我包含Maps API和jQuery URL时，我有

<script src="//maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>

什么时候我应该...

<script src="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>

和

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

如果您只是在本地运行应用程序，而不是通过https ，则使用http作为协议。 否则，如果您通过https提供应用程序，那么当然要使用https 。

希望这有助于将来的其他人。 所有这些工作都在我的Github上 ，我正在研究一个名为TrailFinder的项目。 只需查看Trailfinder / www的Phonegap内容即可。