W3C геолокация, Грешка: позицията не е налице - javascript, геолокация, w3c-геолокация

Опитвам се да приложа API за геолокация W3C,въпреки че давам разрешение на браузъра относно местоположението ми, получавам грешка 2 (Позицията е недостъпна), докато я използвам от Firefox, и получавам грешка 1 (Разрешението е отказано), докато го опитвам от chrome. По-долу е моят код:

HTML бутон, който извиква JS функцията:

Сега ще говорим за API за геолокация

<input type="button" name="canbutt" value="draw c" onClick="javascript:geo()"/>

И моят JS код:

         function geo(){

if (navigator.geolocation) {

navigator.geolocation.getCurrentPosition(
displayPosition,
displayError);
}
else {
alert("Geolocation is not supported by this browser");
}

function displayPosition(position) {
alert("Latitude: " + position.coords.latitude + ", Longitude: " + position.coords.longitude);
}
function displayError(error) {
var errors = {
1: "Permission denied",
2: "Position unavailable",
3: "Request timeout"
};
alert("Error: " + errors[error.code]);
}


}

function canvas() {
var canvas = document.getElementById("canv");
var context = canvas.getContext("2d");
context.fillStyle="red";
context.strokeStyle="blue";
context.strokeRect(50,25,50,60);
context.fillRect(50,25,50,60);
context.strokeStyle="green";
context.moveTo(0,0);
context.lineTo(300,150);
context.stroke();
context.fillStyle="blue";
context.font="bold 12px Arial";
context.textAlign="start";
context.fillText("This is some Text",50,110);
var gradient=context.createLinearGradient(0,0,100,100);
gradient.addColorStop(0,"white");
gradient.addColorStop(1,"black");
context.fillStyle=gradient;
context.fillRect(50,50,100,100);
context.fillText("Im using Gradient!",60,10);
context.drawImage(image, 20,20);


};

Отговори:

Има ограничения при използването на геолокация от file:/// URI. Опитайте да качите страницата си на уеб сървър (локалният сървър също работи).