I am using this snippet to get user's lat/long coordinates. Works fine on a single stand-alone html page.
But when I try to integrate code within my ionic app, geocoordinates fail to display. I do have my <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
set in my AndroidManifest.xml and I had installed cordova plugin add org.apache.cordova.geolocation
.
Thanks for your help.
controller.js
window.onload = function () {
document.addEventListener("deviceready", init, false);
}
function init () {
navigator.geolocation.getCurrentPosition (positionSuccess, positionError);
}
function positionSuccess (position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
document.getElementById("lat").innerHTML = latitude;
document.getElementById("long").innerHTML = longitude;
}
function positionError (error) {
alert (error.message);
};
alert("hello")
html:
<div>
latitude: <span id ="lat"></span>
longitude: <span id ="long"></span>
</div>