Location permission alert on iPhone with PhoneGap

Question

How do you change the string on the alert saying:

(Appname/whatever it is) would like to use your current location

Of course, I only want to change the appname part. Because when you use the PhoneGap framework, the string is very ugly, something like this:

/var/mobile/Applications/157EB70D-4AA7-826E-690F0CBE0F/appname.app/www/index.html

Someone having an idea?

score 94 · Answer 1 · answered Feb 16 '11 at 15:39

94

You need to do the geolocation after the device is ready. The following Jquery code, for example, will geolocate without that nasty alert:

$(function(){
  document.addEventListener("deviceready", onDeviceReady, false);
})

function onDeviceReady() {
  navigator.geolocation.getCurrentPosition(onSuccess, onError);     
}

function onSuccess(position) {
  // your callback here 
}

function onError(error) { 
  // your callback here
}

answered Feb 16 '11 at 15:39

Pius Uzamere

1,414
12
10

2

excellent answer, solved my problem. why the right answer is not on the top? – Mike Li Dec 23 '11 at 07:42
2

Yes! I agree, this should be marked as the correct answer. Thanks, Pius; this solved my problem. – BruceHill Feb 27 '12 at 08:15
I've added this code. But the result for me is the 2 alerts will appear on the first run from xcode on the simulator. then on the 2nd run, only the 2nd alert appears. on the 3rd run, the alerts do not appear anymore. that's kinda weird. – SleepNot Apr 05 '13 at 07:07
this solution doesn't work for me, the second alert still appear. none of these solutions helps me! – Dev DOS Mar 27 '15 at 13:18
Waiting for the device works well for me as well. However, it only works for devices. If you use Cordova with Ionic, and use this approach, location services will not work in the browser. I added a switch that checks if the app runs in a browser. If so, I run the navigator code instantly. If I'm on a device, I wait for the device to be ready. – Daniel Saidi Sep 29 '15 at 06:38
Hello, How to Disable Location permission alert on iPhone with Cordova. – KAUSHAL J. SATHWARA Oct 26 '15 at 10:44
This is not even the answer, the question is to change the content of the alert, not remove it, and you will get it the first time you install the app anyways – Ashwin G Jul 23 '16 at 06:22

score 17 · Answer 2 · edited Mar 04 '16 at 14:11

17

On phonegap 3.0 the answer by Pius Uzamere needs to be followed AND the plugin installed.

cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-geolocation.git

otherwise you will get the double permission request.

edited Mar 04 '16 at 14:11

Tamil Selvan C

19,913
12
49
70

answered Sep 17 '13 at 01:19

Robert Verge

171
1
4

2

If using PhoneGap Build, don't forget to add that plugin to your config.xml file: – user276648 Jan 20 '14 at 07:17
1

when running `cordova plugin add cordova-plugin-geolocation` it will install from the [apache/cordova-plugin-geolocation](https://github.com/apache/cordova-plugin-geolocation) repo on GitHub - which is a mirror of the [apache.org repo](https://git-wip-us.apache.org/repos/asf/cordova-plugin-geolocation.git) – Patrick Fowler Sep 02 '15 at 20:02

score 13 · Answer 3 · answered Jul 01 '14 at 18:53

13

I just followed the documentation and solved it. Open the terminal and cd to your project and enter following command. $ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-geolocation.git

Also add this in your config.xml

<feature name="Geolocation">
    <param name="ios-package" value="CDVLocation" />
</feature>

It will solve this issue. :)

Source: http://docs.phonegap.com/en/3.0.0/cordova_geolocation_geolocation.md.html#The%20Command-line%0AInterface

answered Jul 01 '14 at 18:53

Shozab Hasan

567
5
11

1

That works for me, I have reinstalled the plugin: `cordova plugin rm org.apache.cordova.geolocation` then `cordova plugin add cordova-plugin-geolocation` which add the previous `` lines that were missing. – Captain Nov 03 '15 at 13:47

score 8 · Answer 4 · edited May 23 '17 at 12:10

Although this question is much older, I found similar questions here and here.

For my resolution, I had to add NSLocationWhenInUseUsageDescription to the .plist file. However, I suppose since my geolocation plugin was out of date, I had to update it first. Then I had to remove/add the Cordova iOS platform. Finally, I added NSLocationWhenInUseUsageDescription to the .plist file.

First, remove/add the geolocation plugin:

cordova plugin rm org.apache.cordova.geolocation
cordova plugin add org.apache.cordova.geolocation

Second, remove/add the iOS platform:

cordova platform rm ios
cordova platform add ios

Last, add NSLocationWhenInUseUsageDescription to the .plist. Open /platforms/ios/{project}/{project}-Info.plist and add the following:

<key>NSLocationWhenInUseUsageDescription</key>
<string>[App Name] would like to access your location when running and displayed.</string>

See this iOS Developer Library link for detailed information regarding NSLocationWhenInUseUsageDescription versus NSLocationAlwaysUsageDescription versus NSLocationUsageDescription.

score 7 · Answer 5 · answered Jul 18 '14 at 11:31

7

Finally fixed the issue.

IN the index.html just move your cordova.js up

<script src="cordova.js"></script>

as the first js file to be included (especially make sure it is above maps include js). This will make sure that the prompt shows only once.

No other codejs or ondeviceready is needed.

answered Jul 18 '14 at 11:31

ToughPal

2,231
5
26
30

1

I think this would fix a lot of issues in any phonegap/cordova project but not necessarily the cause for this issue – Ben Taliadoros Oct 20 '14 at 09:20
solved my problem - that was severely annoying. thanks! – luke Sep 22 '16 at 14:43

score 4 · Answer 6 · answered Aug 14 '17 at 14:00

4

After looking for solution i've founded, just add a variable when you add the plugin location like this line

cordova plugin add cordova-plugin-geolocation --variable GEOLOCATION_USAGE_DESCRIPTION="your usage message"

answered Aug 14 '17 at 14:00

fsalazar_sch

348
2
6
17

score 2 · Answer 7 · answered Dec 03 '13 at 22:29

2

None of the above answers worked for me. My location request was already firing on deviceready. Adding the following to config.xml fixed the issue:

<gap:plugin name="org.apache.cordova.core.geolocation" />

answered Dec 03 '13 at 22:29

Kyle Suss

457
3
7
18

If you are using PhoneGap build you will need to add the plugin to your config.xml as you describe. I needed to do this and make sure my calls were inside onDeviceReady – David Rust-Smith Apr 27 '14 at 16:01
Where did you put that statement to? `config.xml`? – Jeff Tian May 16 '15 at 04:57
"Adding the following to config.xml fixed the issue" :) – Kyle Suss May 26 '15 at 21:23

score 2 · Answer 8 · answered Nov 07 '14 at 16:44

To solve the issue I have to run cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-geolocation.git which adds (automatically) to the config.xml the following:

<feature name="Geolocation">
     <param name="ios-package" value="CDVLocation" />
</feature>

To get things working I have to put also this lines into the config.xml:

<plugins>
        <plugin name="Device" value="CDVDevice" />
        <plugin name="Logger" value="CDVLogger" />
        <plugin name="Compass" value="CDVLocation" />
        <plugin name="NetworkStatus" value="CDVConnection" />
        <plugin name="Debug Console" value="CDVDebugConsole" />
        <plugin name="Geolocation" value="CDVLocation" />
        <plugin name="SplashScreen" value="CDVSplashScreen" />
        <plugin name="Battery" value="CDVBattery" />
        <plugin name="Globalization" value="CDVGlobalization" />
    </plugins>

Hope it could be helpful.

score 1 · Answer 9 · answered Nov 28 '14 at 11:49

After making sure my geolocation request was called after the device was ready, making sure the geolocation plugin is correctly installed and configured, I was still receiving the unsightly popup.

I resolved it by moving and referencing my cordova.js file and cordova_plugins.js files into the root directory of my application (they were originally in a subfolder), so the path to cordova.js would be:

<script src="cordova.js"></script>

I feel this should be included in the documentation (maybe it is, but I haven't managed to find it)

score 1 · Answer 10 · answered Nov 30 '16 at 14:42

1

Just by including "cordova.js" file in your html file where you are accessing this location will resolve this issue. NOTHING FANCY REQUIRED.

answered Nov 30 '16 at 14:42

mahipalz

31
2

In my case the ugly message is not gone the first time you open your app. – Olivier de Jonge Sep 08 '17 at 07:23

score 0 · Answer 11 · answered Dec 23 '13 at 21:15

Since I was struggling for days now with the same problem and finally found the solution, I decided to share it with anyone who still was not able to fix it.

The solution is simple: The geolocation plugin was missing in the plugins directory within the www directory, even though I added the plugin via the phonegap command line interface AND the plugin files were in the /Plugins directory. So you only have to copy the missing files into /www/plugins and you are done. Just simple as that.

If anyone needs the missing files: http://d.pr/f/xqhq

btw: i am using cordova 3.2.0.

I hope this works for you as well!

score 0 · Answer 12 · answered Nov 04 '14 at 17:33

Phoengap/Cordova version 3.5 here.

Similar to Manuel's answer above but this time the plugin does not install in the platforms/ios/[appname]/Plugins folder.

The fix for me was to just manually create a new folder for the plugin in the ../platforms/ios/[appname]/Plugins folder > then rename it to org.apache.cordova.geolocation > then copy the .h and .m files of the plugin into it.

You can find the .m and .h files for the geoLocation plugin in the [root]/plugins/org.apache.cordova.geolocation/src/ios directory.

score 0 · Answer 13 · answered Mar 05 '15 at 10:14

Got this error (and a lot of others) after upgrading Cordova from 3.6 to 4.3.

I think there is some fails in the upgrade process and the only working solution for me was cordova platform rm ios then cordova platform add ios

/!\ You will lost all your ios project settings and you need to reupload splash and icons.

score 0 · Answer 14 · answered Sep 16 '10 at 13:12

1) modify Location.m in PhoneGapLib project. replace all references of navigator.geolocation with navigator_geo

2) Copy phonegap.js to phonegap2.js and put in root of app. I have now learned that every time I build my application and load it onto device or simulator, the phonegap.js file is being regenerated. OK. Well I need to modify it so lets just use another one and deal with the hassles of upgrading in the future.

3) Modify the line (in phonegap2.js) that creates the constructor for the navigator.geolocation on 626 to be ... if (typeof navigator._geo == "undefined") navigator._geo = new Geolocation();

4) Now in your HTML whenever you want to use the PHONEGAP GPS stuff, you can reference it with navigator._geo.getCurrentPosition or similar 5) Enjoy the ONE, and CLEAN, location alert permission without revealing to your users your intelligence to use PhoneGap and build an app with HTML/JS.

* CAVEAT AND PLEASE HELP! *

If I run the watchPosition function, I will get the first location update with all sorts of stats. There after, It will always report an error. I assume this sucks for this 30 second time of getting accurate GPS on these things?

http://groups.google.com/group/phonegap/browse_thread/thread/8067c2037816a9ad

Jongsoo Choi · Answer 15 · 2017-05-02T05:59:41.073

In my case, I am using Cordova/Ionic and have experienced the same problem. That's because of the code before device is ready. I have simply wrapped the code with document.addEventListener on "deviceready". For example:

document.addEventListener("deviceready", function () {
  $cordovaGeolocation.getCurrentPosition(options).then(function(position){
      ...your code here...
    });
});

Then the additional message does not appear.

score 0 · Answer 16 · edited Mar 09 '11 at 04:44

0

I followed all the instructions and it still failed. In the end I played around with the PhoneGap demo and found the final solution:

Move all the js files and html files into the same folder (not even sub-folder). Congratulations! Problem solved, no permission alert any more : )
BTW, You'd better use a " setTimeout(function(){utility.getGeoData();},1000);" I found "document.addEventListener("deviceready", utility.getGeoData(), false);" not work for me.

Hope that helps when you find no solution above : )

Good luck!

edited Mar 09 '11 at 04:44

Caleb

124,013
19
183
272

answered Mar 09 '11 at 03:56

Bingo

9
2

1

“document.addEventListener("deviceready",utility.getGeoData(),false)” is not working because you are executing getGeoData, which makes its return value become the second parameter to addEventListener instead of the function. Remove the brackets for it and it should work. Ad@m – kirb Aug 30 '11 at 11:50
I found that I needed to set a timout too. Thanks Bingo! – Purpletoucan Mar 26 '12 at 11:45

score -1 · Answer 17 · answered Aug 04 '10 at 23:11

-1

I'm late to the party here, but will answer the question for reference. The answer is to use the geolocation functions found in phonegap.js which is included with Phonegap. You will be able to find such instructions on the Phonegap site at http://www.phonegap.com.

If you use navigator.geolocation, you are using the default Safari geolocation system. This happens as PhoneGap works by running your pages effectively in a Safari instance. If you include phonegap.js into your site, you can use a separate geolocation method exposed by PhoneGap's Objective-C code, which will present the behaviour seen in other apps where it asks for permission from [your app name].

answered Aug 04 '10 at 23:11

Tim Rogers

92
1
7

Can you point to the exact location in phonegap.com where this is written? – thandasoru Sep 29 '11 at 07:53
@Tim Rogers Seems, you're wrong (at least three years after your answer). PhoneGap overrides this object and these methods, and when you're calling `navigator.geolocation`, you're actually calling PhoneGap API. [Here](http://docs.phonegap.com/en/3.0.0/cordova_geolocation_geolocation.md.html#geolocation.getCurrentPosition) is link to proper document. PhoneGap then decides, whether it can user device-provided gelocation mechanism or should fall back to its own ("This API is based on the W3C Geolocation API Specification, and only executes on devices that don't already provide an implementation") – trejder Jul 22 '13 at 06:11

score -2 · Answer 18 · answered May 07 '14 at 14:25

"Move all the js files and html files into the same folder (not even sub-folder). Congratulations! Problem solved, no permission alert any more : )" Like Caleb says works for me, well only moving the cordova.js file to the root and adding the plugin to config.xml

score -3 · Answer 19 · answered Nov 04 '09 at 13:33

-3

What is the Bundle display name of your project?

Try changing manually from the default value ${PRODUCT_NAME} and see..

That Permission to use location alert picks your bundle display name only!!

answered Nov 04 '09 at 13:33

prakash

58,901
25
93
115

It doesnt matter, I have set both "bundle display name" and "bundle name" properties manually! The one I havent set manually is "Executable file" which is ${EXECUTABLE_NAME}. But if I change that I cant compile, obviously.. – bolmaster2 Nov 04 '09 at 14:45

Location permission alert on iPhone with PhoneGap

19 Answers19

Linked

Related