Experiencing problems with geolocation feature policy while working with Ionic framework

Currently, I have integrated Google maps into my Ionic project using the code snippet below:

this.geolocation.getCurrentPosition().then((position) => {

  let latLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

  let mapOptions = {
    center: latLng,
    zoom: 15,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }

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

}, (err) => {
  console.log(err);
});

However, upon implementation of the above code, I encountered the following error message:

Geolocation has been disabled in this document by Feature Policy

Does anyone have any suggestions on how to tackle this issue?

Appreciate any help provided!

javascriptangularjsionic-frameworkionic2ionic3

Answer №1

The reason for the Geolocation API being removed from unsecured origins is due to security concerns. To resolve this issue, you can grant appropriate permissions. For Android devices, navigate to your project, locate the AndroidManifest.xml file, and insert the following lines:

<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" />

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Using jQuery to Toggle the Height of Multiple Sections with a Single Function

I've got three different sections, each with varying heights and a simple structure like this: <section> <h2>My heading</h2> </section> What I want is for these sections to display at first, but then shrink dow ...

javascriptjqueryheighttoggleaccordion

Display a concealed div when an ng-click event occurs within an ng-repeat loop

$scope.editPostComment = false; Whenever I click on the button, it displays the textarea in all the repeated items instead of just the clicked div! <div class="commentBox" ng-show = "editPostComment"> <textarea name="editor2" ...

javascriptangularjsmodel-view-controller

"Mastering the art of linking AJAX calls in Angular

I need to make 2 AJAX calls, with the second call dependent on the result of the first one. Currently, I am handling it in this way: Service.getA(car).then(function(carInfo) { if (carInfo.success) { Service.getB(carInfo.number).then(function(h ...

javascriptajaxangularjspromise

Unable to fetch valid JSON from a different domain using JQuery and AJAX

I'm having trouble accessing a JSON api from a specific adult-themed website. I've been trying to make it work but so far no luck. You can find my code snippet in this jsfiddle: http://jsfiddle.net/SSqwd/ and here is the script: $.ajax({url: &ap ...

javascriptjqueryajaxjson

Tips for adjusting the class of elements in neighboring rows of an HTML table with the help of jQuery's nextAll() selector

While attempting to switch classes using the jQuery selector .nextAll(':lt(3)'), I encountered an issue. The class change does not take effect on new rows of HTML tables. It seems like the class change for the next 3 cells is only being applied ...

javascriptjqueryhtmlcss

Facing Problem with Angular PUT Request - "Missing required request body"

I'm encountering a problem with my Angular application when attempting to send a PUT request to the server. The error message I receive reads "Required request body is missing." Below is a snippet of the code that is relevant: Within the Child Compo ...

javascriptangularjsspring-boot

Trouble with Angular Charts: Data Reading Issue

Trying out chart.js for the first time and encountered an issue where the chart is not able to read data from the model. Previously, I had an error message of Error: $injector:modulerr Module Failed to instantiate module chart.js. This was fixed by switch ...

javascripthtmlangularjschart.js

unable to retrieve an object's property

Currently, I am implementing a JWT token compare function to authenticate user login by comparing the user password. However, I am facing an issue where I cannot access the user password after executing the mongoose query. exports.login = async(req, res, n ...

javascriptnode.jsexpressmongoosejwt

Is there a way to keep a label in a Material-UI TextField from getting obscured by an adornment when the input is not in focus?

Here is the code for my custom TextField component: <TextField fullWidth: true, classes, helperText: errorText, FormHelperTextProps: getInputProps({ error }), InputProps: getInputProps({ error, endAdornment: error ? <Warning ...

javascriptreactjsmaterial-ui

How can PHP be used to access every element within an array that has been passed through an AJAX call?

I am having trouble accessing elements within an array from my PHP file after passing the array through an ajax call. Here is the code for the ajax call: var data = ['test1', 'test2', 'test3']; $(document).ready(function () { ...

phpjavascriptjqueryajaxarrays

Obtaining the value of a specific dynamic `<td>` element using jQuery

My page layout resembles this design (I am unable to post an image due to insufficient points, so I have it hosted elsewhere) My goal is for jQuery to identify the specific email when a user clicks on the delete button. For instance, if a user clicks on & ...

javascriptjqueryjquery-selectors

When trying to install express using Node.js npm, an error message 'CERT_UNTRUSTED' is preventing the installation of express

My goal is to set up express on Raspberry Pi for the purpose of using it in a REST API. However, I keep encountering an issue with SSL certification when trying to install it through npm. Despite attempting various solutions found on different forums, I ha ...

javascriptnode.jsexpressnpm

How to render in Express.js without overwriting HTML elements (such as <p> tags)

I am currently working on a project that resembles a blog and I have a requirement to display text without altering the HTML tags. ./app.js //app.js ... var text = 'Hello <b>World</b>' app.get('/', (req, res)=>{ res ...

javascriptnode.jsexpressrender

Issue with Intel XDK: the document.location.href is directing to an incorrect page

Hello Community of Developers, I have been experimenting with different methods but still haven't found a solution. In my project using Intel XDK, whenever I attempt to change the page using location.location.href = "#EndGame" or similar codes in Java ...

javascripthtmlintel-xdk

A guide on obtaining auto-suggested latitude and longitude coordinates within ng-model in AngularJS, then storing them in MongoDB with the help of M

I have a repeating div for multiple pick up and drop locations. index.html <div class="pickUpLocationSection" ng-repeat="pickUp in pickUpItems"> <div class="pick" id="pick1"> <div class="form-group pickup" id="pickup1"> < ...

jqueryangularjsnode.jsmongodb

Guide on efficiently removing a user entry from _User via Parse REST API

Having trouble removing a user from the _User table on parse.com and encountering an error. Confident in the correctness of my request syntax, yet receiving the following error: code: 206 error: "Parse::UserCannotBeAlteredWithoutSessionError" Believe th ...

javascriptangularjsauthenticationparse-platform

Is there a way to position the tooltip above the sorter icon in Ant Design (antd) component?

I'm currently working on creating a table with sorter columns using the antd framework. Can anyone guide me on how to position the tooltip above the sorter icon? Below is a snippet of my UI. https://i.sstatic.net/fGoqA.png Specifically, I included t ...

javascriptcssreactjsantd

"Using Vue to compute the sum or calculate values within an array - a step-by

Having a data array like this "item_tabel": [ { "method": { "select_method": 6, }, "innovation": { "select_innovation": 2, }, } ], How do I calculate the sum? This i ...

javascriptvue.js

Border color options for select boxes

Currently, I am working on my first Django-bootstrap project and dealing with a select box. I am trying to customize it so that when clicked, the border of the select box and its options turns yellow, which is working well. However, there is an additional ...

javascripthtmlcssdjangobootstrap-4

Ajax is not able to trigger a POST request to a PHP form

My form is not posting for some unknown reason, despite everything else on my server functioning properly. Below is the code snippet in question: PHP <?php if(isset($_POST['field1']) && isset($_POST['field2'])) { $data ...

javascriptphpjqueryajaxforms