W3C geolocation、エラー：位置が使用できない

Question

私は、私の場所に関するブラウザの許可を与えても、W3CジオロケーションAPIを実装しようとしていますが、Firefoxから使用しているときにエラー2（Position unavailable） （許可が拒否されました）。以下は、私のコードです：JS関数を呼び出す

HTMLボタン：

  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

：

は今、私たちはジオロケーションAPI

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

そして、私のJSコードについてお話しようとしていますジオロケーションの使用には、file:/// URIからの制限があります。 Webサーバー上でページをアップロードしてみてください（ローカルサーバーも機能します）。