<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<table>
<tr>
<th>Latitude</th>
<th>Longitude</th>
</tr>
<tr>
<td id="latitude"></td>
<td id="longitude"></td>
</tr>
</table>
<script>
//1.
var geo = navigator.geolocation;
//2.為什麼這邊不用給參數，而是直接call兩個function即可?
//Ans : 因為geo.getCurrentPosition(x,x)原來就是要接position / error的callback參數
//但這邊的做法是用"事件委派"的方式接position / error，所以只要在showCoords, errorHandler的方法內，
//分別宣告接入的參數即可。
geo.getCurrentPosition(showCoords, errorHandler);
//3.
function showCoords(position){
var lat = position.coords.latitude;//緯度
var lon = position.coords.longitude;//經度
document.getElementById("latitude").innerHTML = lat.toString();
document.getElementById("longitude").innerHTML = lon.toString();
}
//4.
function errorHandler(error) {
switch (error.code) {
case error.TIMEOUT:
alert("Geolocation Timeout!");
break;
case error.POSITION_UNAVAILABLE:
alert("Geolocation Position Unavailable!");
break;
case error.PERMISSION_DENIED:
alert("Geolocation Permission Denied!");
break;
default:
alert("Geolocation Unknow Error: " + error.code);
}
}
</script>
</body>
</html>
![[Solved] Lenovo ThinkPad x1 carbon, cannot be turned on and the power light is glesten 4 times| Lenovo ThinkPad x1 carbon電源鍵按了會閃爍四次無法開機](https://blogger.googleusercontent.com/img/a/AVvXsEipxEh2Dlt-8GFGAdUw3mPvb_FJflTvVyWQj_6lQox4M01qNW4CArk33WfRKlwvJ5aJbPzWWs0b9nCZtRW3P84ReMDILaEwpJnQE0J5jfApHxLfavToqONDYAa8vXfP_lJ786dc4p5DZQ-Q_eIufZzrCPee5GAM8RweM4-GutK3yGZVMvMVfKyWEwgi=w72-h72-p-k-no-nu)
![[Solved] A great web test server - [Live server] | 在visual studio code 除錯網站專案時，localhost拒絕連線](https://blogger.googleusercontent.com/img/a/AVvXsEgAmi_5bOnZuA1kn_oAMLxjFuBtpC3AOcKdjNVBbSPZQBo_df9kNz8_lks-spUw_SFzI7hVI_oeqtBNj-gSaTXChJridb1dowhPw8iVy_2_bsvTvf1LoHX3miS7EpLfvwHvIfwtmH-5deuKGTtJ3kHab18oXeroeHggGPCZf4J8kNtnUpfLDDBQ8KBX=w72-h72-p-k-no-nu)
![[Solved] 'EntityFramework 6.4.0' 與 'EntityFramework.zh-Hant 6.2.0 條件約束: EntityFramework (= 6.2.0)' 不相容。](https://blogger.googleusercontent.com/img/a/AVvXsEjZC0rg2zLYpXvPQct0teXjBqB6sajw5lQ1BGBw7iF73U3ovTkNYJJt8S2LqAsall9e_EVbkgZEyuIV1Imy-1Nlg1D20KhGp7EgHX9w-Ci7j9DT5S1Sz6Ti5wNvkwxCm7svLGrI-hSfWcLutwZyynQM8Pl3bw-KdaS8BMDpDqYkFu53zKg3p6v5Jp6m=w72-h72-p-k-no-nu)
![[Share] Setup RDS(Remote Desktop Service) and activate User CAL(Client Access License) on a jump server || 在跳板電腦安裝RDS以及啟動User CAL授權](https://blogger.googleusercontent.com/img/a/AVvXsEhDjUs4ptkp9ptjM0LZ6raRsMC1DzYzANdLtfzYNVvGLVEWrkAeGNu0f_RstuAUjWfC8ImhXHZfoWICcS6I7YQ48JwuLmvzwdmVu7CjKmOZQ75hYVUovSSMwD7Z-gbTq46GfAli9B1_VFfr8d51CLLB3A9CuK0ELwNJ_6djqo6RBee8f7kHFmenOE6GXbw=w72-h72-p-k-no-nu)
沒有留言:
張貼留言
問題沒有大小或好壞