Javascript Phonegap无法读取/呈现Google Maps API-“;Can';“找不到变量Google”;错误 基本信息和错误。。。
我正在尝试使用Google Maps API v3、Phonegap 2.9.0和Xcode 4.6.3创建一个应用程序,该应用程序获取用户当前位置,然后向用户返回一组最近位置的列表(使用融合表)。这一切都可以在我桌面上的任何浏览器中工作,但一旦“移植”到Phonegap,我就会收到一个错误 我收到的错误是:Javascript Phonegap无法读取/呈现Google Maps API-“;Can';“找不到变量Google”;错误 基本信息和错误。。。,javascript,ios,google-maps-api-3,cordova,geolocation,Javascript,Ios,Google Maps Api 3,Cordova,Geolocation,我正在尝试使用Google Maps API v3、Phonegap 2.9.0和Xcode 4.6.3创建一个应用程序,该应用程序获取用户当前位置,然后向用户返回一组最近位置的列表(使用融合表)。这一切都可以在我桌面上的任何浏览器中工作,但一旦“移植”到Phonegap,我就会收到一个错误 我收到的错误是: ReferenceError: Can't find variable: google in (/somepath/) 当我在Xcode中的iPhone模拟器中运行应用程序时 我试过的
ReferenceError: Can't find variable: google in (/somepath/)
当我在Xcode中的iPhone模拟器中运行应用程序时
我试过的
我已经阅读了无数关于这个问题的文档,并尝试了大多数推荐的修复方法。我已经尝试将我调用的API url列入白名单(尽管我觉得这可能是我的问题,请参见下图)。或者可能是我的代码(另见下文)
那么,基本上,我有没有遗漏或做错什么显而易见的事情?我已经对此进行了相当长一段时间的研究,已经没有足够的资源阅读了。任何帮助都将不胜感激
我的代码
白名单/外部主机?
我已经概述了我在哪里“白名单”了谷歌域名,但出于某种原因,我有点担心我是否做得对。我经常阅读有关该文件的信息,但在创建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>
再一次,关于如何让我的谷歌地图在iOS模拟器的Xcode中显示的任何帮助/提示都将不胜感激。解决了这个问题!
在我的index.html文件中,当我包括mapsapi和jqueryurl时,我
<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>
及
如果您只是在本地运行应用程序,而不是通过https
,则使用http
作为协议。否则,如果您通过https
为应用程序提供服务,那么当然可以使用https
希望这对将来的其他人有所帮助。所有这些工作都由我在一个名为TrailFinder的项目中完成。只需查看Trailfinder/www上的Phonegap资料。Wow!我从来没有想到这会是一个问题。只是在科尔多瓦的一个项目中遇到了同样的事情。在我的开发者浏览器中只//就可以正常工作,但由于设备上出现“找不到变量google”错误而失败。谢谢jamez14!
<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>