4

基本信息和错误...

我正在尝试使用 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 url 列入白名单（尽管我觉得这可能是我的问题，见下图）。或者也许这是我的代码（另见下文）。

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

我的代码

白名单/外部主机？

白名单问题？ 更大的图像

我已经概述了我已将 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） - 抱歉糟糕的命名约定（即在 repo 中调用我的 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 模拟器上的任何帮助/提示，​​我们将不胜感激。

4

1 回答 1

8

解决了！

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

<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>

如果您只是在本地运行应用程序，而不是 over https，则将其http用作协议。否则，如果您正在为应用程序提供服务，https那么当然可以使用https。

希望这对将来的其他人有所帮助。所有这些工作都在我的Github上，这是我一直在从事的一个名为 TrailFinder 的项目。只需查看 Trailfinder/www 了解 Phonegap 的内容。

于 2013-09-02T21:48:52.163 回答