How to add google Navigation using Phonegap and Jquery Mobile - google-maps

I am developing phonegap application using JQM and HTMl5. how to add Google Navigation sort of feature in my app which should have geolocation and voice driven features like turn and entering address via voice

Related

Google maps javascript geolocation api isnt working on mobile devices

I am building a hybrid mobile app using the ionic framework utilizing the google maps javascript api with geolocation. I followed the sample code from their site and the app runs fine when i run on the browser but when i test on my android device, the map loads perfectly but the geolocation does not work at all. Any help/tips?
i things you used ngCordova Plugins
its plugins used for getting current location of device [lat,lng] and its latlng to display in your map.
thanks and good luck.

android native webapplication , and html5 integration

I was about to start mobile web application development , I was looking a open source webapplication with which I can embedded to android web view. Native application developement + embedded web
Are there any webapplication with html5
Yes you can use cordova or phonegap(extends cordova) the use android web view and you can develop using html5
Refrences
Cordova
Phonegap
You can use Angular.js or directly use ionic framework for building strong UI and front end logic for bussiness style apps.
Further more you can integrate any javascript library or css UI like Bootstrap to Enhance the app.

HTML5 mobile web app camera access

I am developing web application for mobiles for iOS and Android. As per requirements, I need to access mobile camera and take photos (more than one).
Then the photos should be stored in localStorage and then uploaded when user clicks on upload.
I am developing a web apps. It is not native app. I dont want to use phonegap or similar to phonegap.
It should be like normal button. not like choose file button.
have a read: here but it will not be supported on all devices.

Open source html5 document viewer for mobile apps

I am building mobile app for Android and iOS platforms using Phonegap. I want to use a html5 document viewer to display pdf's, ppt's and all in the mobile app.
I saw Crocodoc. Its good, but i need to something open source which i can tinker with.
Can you please suggest if currently there are any open source solutions to display documents in the mobile app ??

Difference between jQuery Mobile and PhoneGap

jQuery Mobile and PhoneGap both appear to be targeting cross-browser mobile development based on HTML5, but what are the major differences between the two?
What are the Pros and Cons of each framework?
Why would you choose one over the over?
Simply put jQuery Mobile is a UI toolkit for building mobile web applicaitons.
PhoneGap is a JavaScript framework which allows you to access native device functionality like the camera, contacts, file system, etc. PhoneGap does not provide UI elements.
If you want to create a hybrid mobile app, one which is built using HTML5 but runs on a device like a native app, you would not choose one over the other. You'd use both.
JQuery mobile is a javascript library for mobile broswing (mostly adapt the user-interface for better user experience on mobile devices)
Phonegap is a cross-platform development framework that provides core mobile device features to web-based mobile apps (Extracted from here)
Basically, you cannot use phonegape to take pictures from a website, but you can build an app with HTML and javascript (Phonegap) that access to some features in the mobile.
By the way you can use both in the same application: link
JQM is just a javascript framework, gives you some UI controls, animations and manages page navigation for you.
It's still a javascript webpage, so you don't actually have anything compiled in the end. Because of this your users access it using their BROWSER pointing to a URL, just like a normal website (only those are called Web-Apps in iOS language).
PhoneGap is just a Native project (written for all major Mobile hardware, like iOS, Android, BB, WP7, etc...) that wraps a WebView control (basically a browser window) inside an app. You could include your .js/.html files, and those would be loaded LOCALLY. Another feature of PhoneGap is a jscript bridge between your code and the phone's native capabilities (like for example taking a picture from javascript!).
You end up with a NATIVE APPLICATION that you can then post to the AppStore/AndroidMarket.
Hope this helps clarifying the difference.
The jQuery Mobile documentation has a page about making an app with PhoneGap and jQuery Mobile: http://jquerymobile.com/demos/1.0/docs/pages/phonegap.html