相同的代碼在Codepen給予不同影響結果

我有這樣的筆：https://codepen.io/dteiml/full/PNMwZo與下面的JavaScript代碼：相同的代碼在Codepen給予不同影響結果

$('#getWeather').on('click', function() { 
navigator.geolocation.getCurrentPosition(success); 

function success(pos){ 
    // get longitude and latitude from the position object passed in 
    var lng = pos.coords.longitude; 
    var lat = pos.coords.latitude; 
    // and presto, we have the device's location! 
    console.log("test"); 
    $('body').html('You appear to be at longitude: ' + lng + ' and latitude: ' + lat); 

} 

       });

和HTML代碼：

<button id="getWeather"> 
Get my location 
</button> 
<body> 
</body>

，我從別人的作品和一個分叉那我創建了自己http://codepen.io/dteiml/full/aNevrE與完全相同的代碼和設置不起作用。可能是什麼問題？

來源

2016-05-22 Dominik Teiml

控制檯中的警告：getCurrentPosition（）和watchPosition（）在不安全的來源上被棄用。要使用此功能，您應該考慮將應用程序切換到安全的來源，例如HTTPS。 – itamar

假如你檢查錯誤控制檯，它會準確地解釋有什麼區別：

https VS http

pen.js：3 getCurrentPosition（）和watchPosition（）是在不安全的棄用起源。要使用此功能，您應該考慮將應用程序切換到安全的來源，例如HTTPS。有關更多詳細信息，請參閱[編輯]。

（對不起，redated，我無法確切地後給出，因爲鏈接的答案。）

來源

2016-05-22 07:39:46

切換您codepen到https://codepen.io/dteiml/full/aNevrE，它應該工作。

這裏是警告：

getCurrentPosition（）和watchPosition（）是在不安全的起源棄用。要使用此功能，您應該考慮將您的應用程序切換到安全來源，例如HTTPS。

code

來源

2016-05-22 07:42:38 itamar

你必須使用https：//，而不是http：//谷歌不接受來自HTTP協議的請求。

來源

2016-05-22 07:47:35

相同的代碼在Codepen給予不同影響結果

回答

相關問題