phonegap（如何利用PhoneGap制作地图APP）

本文目录

• 如何利用PhoneGap制作地图APP
• 如何使用PhoneGap的构建
• 如何使用phonegap获取设备
• eclipse怎么配置phonegap完成nfc插件
• 使用npm安装使用 的phonegap要怎么使用
• 如何使用phonegap获取手机地理位置

如何利用PhoneGap制作地图APP

　　一、安装平台　　PhoneGap支持5种平台，IOS，安卓，黑莓，WebOS，塞班。　　我们下面以IOS为例，开发一个定位的APP。　　　　1、下载xCode　　注意看清楚，狮子系统和雪豹系统的安装程序是不一样的。　　a.可以到苹果应用商店app store上下载，不过速度非常的慢，一通宵都下载不到20%……优点是免费。　　b.也可以到macx上下载，速度快，非会员收费。　　c.其实也可以找有安装程序的人拷贝，速度快，也免费……　　2、下载PhoneGap　　到官网上下载，免费的，　　　　二、项目配置　　1、启动xCode，在菜单那里选择“create a new xcode project”　　　　2、从模板列表里选择“phonegap-based application”，然后next　　　　3、输入公司名称、项目名称　　　　4、选择储存目录。　　我一般就放到桌面上，哈哈。　　　　5、右键单击（触控板2个手指按）项目左侧的导航窗口，点击“show in Finder”。　　　　6、找到www文件夹。　　　　7、把www文件夹拖动到蓝色项目条上　　　　8、把你的地图htm文件拷贝到index.html里面。点击运行，就OK啦~

如何使用PhoneGap的构建

在config.xml中插件可以用来通过配置插件（为每个应用程序构建phonegap构建服务，你需要有一个config.xml文件在你的根文件夹）。 据Cordova队公布，Cordova注册表已过时，所有的插件都搬到了npm, 并更名为"cordova-plugin-xxx"。 在你的config.xml文件：《uses-permission android:name="android.permission.RECORD_AUDIO" /》或《uses-feature android:name="android.hardware.microphone" android:required="false" /》 使用那个插件标识?请注意，有两个插件之间的一些细微的差别：• cordova-plugin-admobpro, 在你的Android SDK中它使用默认的jar，需要构建Gradle的Android apk。看到它的plugin.xml：《uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/》 • cordova-plugin-admob，它依赖于一个插件包含了google-play-services.jar,可以使用这些工具代替Gradle。看到它的plugin.xml：《uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/》 PhoneGap构建是否支持Gradle？请检查来自PhoneGap构建的新闻在他们的网页：

如何使用phonegap获取设备

phonegap 的api里面可以获取到设备的根目录，代码如下（fileSystem.root.name）：document.addEventListener("deviceready", onDeviceReady, false);// PhoneGap加载完毕function onDeviceReady() {window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, onFileSystemSuccess, fail);}function onFileSystemSuccess(fileSystem) {console.log(fileSystem.name);console.log(fileSystem.root.name);}function fail(evt) {console.log(evt.target.error.code);}

eclipse怎么配置phonegap完成nfc插件

eclipse中配置PhoneGap

1）先新建一个新的工程。

具体的就不多说了，详细可以查看：

http://developer.android.com/intl/zh-CN/training/basics/firstapp/creating-project.html

2）新建两个文件夹/libs 和 /assets/www（可能libs已经有了）

然后将PhoneGap包解压缩后，在包中找到 phonegap-phonegap-2.2.0-0-g8a3aa47\phonegap-phonegap-8a3aa47\lib\android

这个目录下的两个文件：cordova-2.2.0.jar和cordova-2.2.0.js

将cordova-2.2.0.js拷贝到目录/assets/www下

将cordova-2.2.0.jar拷贝到目录/libs下

然后点击工程按F5刷新工程，如图所示

3）修改MainActivity.java，在MainActivity.java总共需要修改3个地方：如图所示：

4）对文档AndroiMainifest.xml进行修改，如图所示：

将一下代码放到uses-sdk 和 application之间

 《supports-screens

        android:largeScreens="true"

        android:normalScreens="true"

        android:smallScreens="true"

        android:resizeable="true"

        android:anyDensity="true"/》

    《uses-permission android:name="android.permission.CAMERA" /》

    《uses-permission android:name="android.permission.VIBRATE" /》

    《uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /》

    《uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /》

    《uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" /》

    《uses-permission android:name="android.permission.INTERNET" /》

    《uses-permission android:name="android.permission.RECEIVE_SMS" /》

    《uses-permission android:name="android.permission.RECORD_AUDIO" /》

    《uses-permission android:name="android.permission.RECORD_VIDEO"/》

    《uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" /》

    《uses-permission android:name="android.permission.READ_CONTACTS" /》

    《uses-permission android:name="android.permission.WRITE_CONTACTS" /》   

    《uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /》   

    《uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /》

    《uses-permission android:name="android.permission.GET_ACCOUNTS" /》

    《uses-permission android:name="android.permission.BROADCAST_STICKY" /》

使用npm安装使用 的phonegap要怎么使用

安装 确保已经安装 NodeJS, 然后打开命令行并运行以下: C:\》 npm install -g phonegap 安装完成后，你可以在命令行调用的PhoneGap获得进一步的帮助。 用法 $ phonegap create my-app $ cd my-app $ phonegap run android

如何使用phonegap获取手机地理位置

使用官方的示例可直接获取当前手机的地理位置，前提是手机开启了gps，或可联网。 获取到的是经纬度坐标值等信息，可通过google api 实现通过经纬度获取当前地理位置名称。 phonegap 代码： 《!DOCTYPE html》 《html》《head》《title》Device Properties Example《/title》 《script type="text/javascript" charset="utf-8" src="cordova.js"》《/script》《!--cordova 3.0+ --》《script type="text/javascript" charset="utf-8"》 // Wait for device API libraries to load//document.addEventListener("deviceready", onDeviceReady, false); // device APIs are available//function onDeviceReady() {navigator.geolocation.getCurrentPosition(onSuccess, onError);} // onSuccess Geolocation//function onSuccess(position) {var element = document.getElementById(’geolocation’);element.innerHTML = ’Latitude: ’ + position.coords.latitude + ’《br /》’ +’Longitude: ’ + position.coords.longitude + ’《br /》’ +’Altitude: ’ + position.coords.altitude + ’《br /》’ +’Accuracy: ’ + position.coords.accuracy + ’《br /》’ +’Altitude Accuracy: ’ + position.coords.altitudeAccuracy + ’《br /》’ +’Heading: ’ + position.coords.heading + ’《br /》’ +’Speed: ’ + position.coords.speed + ’《br /》’ +’Timestamp: ’ + position.timestamp + ’《br /》’;} // onError Callback receives a PositionError object//function onError(error) {alert(’code: ’ + error.code + ’\n’ +’message: ’ + error.message + ’\n’);} 《/script》《/head》《body》《p id="geolocation"》Finding geolocation...《/p》《/body》 《/html》