Phonegap GPS 插件不起作用

Posted

技术标签:

【中文标题】Phonegap GPS 插件不起作用【英文标题】:Phonegap GPS plugin not working 【发布时间】:2015-10-18 21:51:34 【问题描述】:

我在我的应用程序中使用 html 5 的 gps,而不是看起来的实际 phonegap 插件。

我在 iPhone 上收到了一些奇怪的弹出窗口。我调查了这个问题,并从 phonegap google 小组得到了一点帮助:

https://groups.google.com/forum/#!topic/phonegap/YKU-QdiDk5A

基本上我的 config.xml 有两次地理插件,我使用了错误的版本,而且我没有在设备上使用准备好。现在我已经解决了所有这些问题(或者我认为是这样),现在我无法让 GPS 在 android 中工作。

我的 config.xml 如下所示:

<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.beerportfolio.beerportfoliopro" version="5.2.5">

    <preference name="phonegap-version" value="cli-5.2.0" />

    <gap:plugin name="cordova-plugin-whitelist" source="npm" />
    <access origin="*" />
    <allow-navigation href="*" />
    <allow-intent href="*" />

    <name>Beer Portfolio</name>
    <description>Know Your Beer</description>
    <author href="https://www.beerportfolio.glass" email="mike@beerportfolio.glass">Mike</author>
    <content src="index.html" />
    <preference name="permissions" value="none" />
    <preference name="orientation" value="default" />
    <preference name="target-device" value="universal" />
    <preference name="fullscreen" value="false" />
    <preference name="webviewbounce" value="false" />
    <preference name="disallowOverscroll" value="true" />
    <preference name="prerendered-icon" value="true" />
    <preference name="stay-in-webview" value="false" />
    <preference name="ios-statusbarstyle" value="black-opaque" />
    <preference name="detect-data-types" value="true" />
    <preference name="exit-on-suspend" value="false" />
    <preference name="show-splash-screen-spinner" value="true" />
    <preference name="auto-hide-splash-screen" value="true" />
    <preference name="disable-cursor" value="false" />
    <preference name="android-minSdkVersion" value="10" />
    <preference name="android-targetSdkVersion" value="19" />
    <preference name="android-installLocation" value="auto" />
    <gap:plugin name="org.apache.cordova.battery-status" source="npm" />
    <gap:plugin name="org.apache.cordova.camera" source="npm"/>
    <gap:plugin name="org.apache.cordova.media-capture" source="npm"/>
    <gap:plugin name="org.apache.cordova.console" source="npm" />
    <gap:plugin name="org.apache.cordova.contacts" source="npm"/>
    <gap:plugin name="org.apache.cordova.device" source="npm" />
    <gap:plugin name="org.apache.cordova.device-motion" source="npm"/>
    <gap:plugin name="org.apache.cordova.device-orientation" source="npm"/>
    <gap:plugin name="org.apache.cordova.dialogs" source="npm"/>
    <gap:plugin name="org.apache.cordova.file" source="npm"/>
    <gap:plugin name="org.apache.cordova.file-transfer" source="npm"/>
    <gap:plugin name="org.apache.cordova.globalization" source="npm"/>
    <gap:plugin name="org.apache.cordova.inappbrowser" source="npm"/>
    <gap:plugin name="org.apache.cordova.media" source="npm"/>
    <gap:plugin name="org.apache.cordova.network-information" source="npm"/>
    <gap:plugin name="org.apache.cordova.splashscreen" source="npm"/>
    <gap:plugin name="org.apache.cordova.vibration" source="npm"/>
    <icon src="icon.png" />

    <gap:splash src="splash.png" gap:platform="android" gap:qualifier="port-ldpi" />
    <gap:splash src="splash.png" gap:platform="android" gap:qualifier="port-mdpi" />
    <gap:splash src="splash.png" gap:platform="android" gap:qualifier="port-hdpi" />
    <gap:splash src="splash.png" gap:platform="android" gap:qualifier="port-xhdpi" />
    <gap:splash src="splash.png" gap:platform="blackberry" />
    <gap:splash src="splash.png" gap:platform="ios"   />
    <gap:splash src="splash.png" gap:platform="ios"   />
    <gap:splash src="splash.png" gap:platform="ios"   />
    <gap:splash src="splash.png" gap:platform="ios"   />
    <gap:splash src="splash.png" gap:platform="ios"   />
    <gap:splash src="splash.png" gap:platform="winphone" />
    <access origin="*" />

    <gap:plugin name="com.phonegap.plugins.barcodescanner" source="npm" />
    <gap:plugin name="uk.co.workingedge.phonegap.plugin.launchnavigator" source="npm" />


    <!-- iPhone / iPod Touch  - lower 4s -->
    <icon src="icon-57.png" gap:platform="ios"   />
    <icon src="icon.png" gap:platform="ios"   />
    <icon src="icon-72.png" gap:platform="ios"   />

    <!-- iPhone / iPod Touch - 5-5s -->
    <icon src="icon.png" gap:platform="ios"   />
    <icon src="icon.png" gap:platform="ios"   />
    <!-- iPhone6-6+ -->
    <icon src="icon.png" gap:platform="ios"   />

    <!-- Settings Icon -->
    <icon src="icon.png" gap:platform="ios"   />
    <icon src="icon.png" gap:platform="ios"   />

    <!-- Spotlight Icon -->
    <icon src="icon.png" gap:platform="ios"   />
    <icon src="icon.png" gap:platform="ios"   />

    <plugin name="cordova-plugin-whitelist" version="1" source="npm"/>

    <gap:plugin name="org.apache.cordova.device" version="0.2.3" source="npm"/>
    <gap:plugin name="cordova-plugin-geolocation" source="npm"/>

    <feature name="http://api.phonegap.com/1.0/battery" />
    <feature name="http://api.phonegap.com/1.0/camera" />
    <feature name="http://api.phonegap.com/1.0/network" />
    <feature name="http://api.phonegap.com/1.0/notification" />

    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <platform name="android">
        <allow-intent href="market:*" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
    </platform>
</widget>

我有我想要使用 GPS 插件的页面的 javascript

$(document).on('deviceready', function () 

我尝试通过以下方式提取我的 GPS 坐标:

navigator.geolocation.getCurrentPosition(showPosition);

        function showPosition(position) 
            latitude = position.coords.latitude;
            longitude = position.coords.longitude;

当我在手机上加载应用程序时,页面上似乎没有执行任何操作。我也尝试在设备上使用此组合启动页面,但它也没有工作:

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() 
    console.log("navigator.geolocation works well");

关于为什么我的 GPS 无法正常工作的任何 idas?

【问题讨论】:

我认为您需要将 android 命名空间添加到您的配置标头中。 &lt;widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" xmlns:android="http://schemas.android.com/apk/res/android" id="com.beerportfolio.beerportfoliopro" version="5.2.5"&gt; 这是做什么的?没有它,我的扫描插件可以正常工作 不是问题,我刚刚解决了。 html中需要phonegap.js脚本标签 【参考方案1】:

我需要在我的 HTML 中添加一行代码来解决这个问题。我忘了补充:

<script src='phonegap.js'></script>

【讨论】:

以上是关于Phonegap GPS 插件不起作用的主要内容,如果未能解决你的问题,请参考以下文章

datePicker 插件在 Phonegap 2.0 中不起作用

PhoneGap 构建插件不起作用

Phonegap蓝牙插件不起作用

PhoneGap 的通知插件不起作用

PhoneGap BarcodeScanner 插件不起作用

PhoneGap MediaCapture 插件不起作用