W3C的地理定位，錯誤：位置不可用

Question

即使我給瀏覽器許可關於我的位置我試圖實現W3C地理定位API我從Firefox中使用它時得到錯誤2（位置不可用），並且出現錯誤1 （權限被拒絕），同時嘗試從鉻。以下是我的代碼：

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); 


        }; 

Answer 1

從file:/// URI使用地理位置有限制。嘗試上傳您的網頁在Web服務器上（本地服務器也可以）。