I was able to fix the issue.
I believe the issue is,Qlik only accepts input values rather than variables
Here is an explanation of how its implemented.
1)HTML and Java Script to get Geo Location
<p id="demo"></p>
<script>
var x = document.getElementById("demo");
var vlat = position.coords.latitude;
var vlon = position.coords.longitude;
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
x.innerHTML = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
//Passing Variables
vlat = position.coords.latitude;
vlon = position.coords.longitude;
x.innerHTML = "Latitude: " + vlat + //position.coords.latitude +
"<br>Longitude: " + vlon //position.coords.longitude;
}
</script>
2)Create Input Box to hold the values ,so it can pass to Qlik App.
Forcing the user to hit Accept Button,so we can pass variable values to input boxes
<input type="text" type="hidden" id="myLat" ></input>
<input type="text" type="hidden" id="myLong" ></input>
<button id="Accept1-button" onclick="myFunction()">Accept GeoLoc</button>
3)
<script>
function myFunction() {
document.getElementById("myLat").defaultValue = vlat ;
document.getElementById("myLong").defaultValue = vlon ;
}
</script>
4)This step passes variables to Qlik
$("#Accept1-button").click(function() {
app.variable.setStringValue("vLat",$("#myLat").val());
});
$("#Accept1-button").click(function() {
app.variable.setStringValue("vLong", $("#myLong").val());
});
