Permissions location ios ":// would like to use your current location"

Ionic Native
1

Hello every one, I want change the name in the dialog that ios show me. the text say:

“:// Would like to use your current location”

also Why show me this name the app :// ?

image
image737×696 67.7 KB

I know that alert is required by ios. But I only want to change the text and I don’t get results successfully

I already add in the Info.plis the next keys:

  • NSLocationWhenInUseUsageDescription
  • NSLocationAlwaysUsageDescription
  • NSLocationAlwaysAndWhenInUseUsageDescription
  • NSLocationUsageDescription

and I still don’t get the expected result

Any help thanks !!

2

Are you using Cordova or Capacitor?
Are you using cordova-plugin-geolocation plugin or using navigator.geolocation directly?

3

I am using Cordova with the plugin: cordova-plugin-geolocation and also I get the location with this plugin. And never I use navigator.geolocation

4

Make sure you are not using the plugin until devicready event is fired.
Also make sure you have cordova.js linked in your index.html

Those are two things that could cause the web prompt to appear instead of the native prompt.

5

Julio thanks for your answer, it helped me a lot, to find the problem.
Just add the @ionic-native/geolocation plugin on the Ready platform.
And the alert did not come out again.

6

Hi @santiago_vasquez06. I’m facing the same problem too, but the app name is just “://”.
I’m using @ionic-native/geolocation and had it declared, but the error still comes out. Anything that I might have missed?

7

Try calling the method to get the location when the platform is ready, like this:

  this.platform.ready().then(e => {
    this.GetLocation();
  });

I am using:
@ionic-native/background-geolocation

8

This is the plugin I’m using:

import { Geolocation } from '@ionic-native/geolocation/ngx';

This is the implementation:

  async googleMap() {
    const loading = await this.loadingCtrl.create({
      message: 'Loading Map...',
    });
    loading.present();
    this.geolocation
      .getCurrentPosition()
      .then((resp) => {
        this.latitude = resp.coords.latitude;
        this.longitude = resp.coords.longitude;

        const latLng = new google.maps.LatLng(
          resp.coords.latitude,
          resp.coords.longitude
        );
        const mapOptions = {
          center: latLng,
          zoom: 15,
          mapTypeId: google.maps.MapTypeId.ROADMAP,
          mapTypeControl: false,
          zoomControl: false,
          scaleControl: false,
          streetViewControl: false,
          fullscreenControl: false,
        };

        this.getAddressFromCoords(
          resp.coords.latitude,
          resp.coords.longitude,
          ''
        );

        this.map = new google.maps.Map(
          this.mapElement.nativeElement,
          mapOptions
        );

        loading.dismiss();
        this.addMarker();

        this.map.addListener('drag', () => {
          this.latitude = this.map.center.lat();
          this.longitude = this.map.center.lng();
          this.myMarker.setPosition(this.map.getCenter());
          this.infoWindow.close();
        });

        this.map.addListener('dragend', () => {
          this.getAddressFromCoords(
            this.map.center.lat(),
            this.map.center.lng(),
            latLng
          );
        });
      })
      .catch((error) => {
        console.log('Error getting location:', error);
      });
  }

I’ve wrapped this in this.platofrm.ready, but the same error still comes out (:// would like to use your location) on iOS. On Android, it worked well.