리그캣의 개발놀이터

chrome 브라우저에서 geolocation 사용하기 본문

개발 공부/Node.js(웹)

chrome 브라우저에서 geolocation 사용하기

리그캣 2018. 9. 18. 22:36



<html>
<body>
<p>Click the button to get your coordinates.</p>
<button onclick="getLocation()">Try It</button>
<p id="demo"></p>
<script type="text/javascript">
var x = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
x.innerHTML = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
x.innerHTML = "Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
</script>
</body>
</html>


웹상에서 상대 위치를 가져오는 파일이다.



아주 잘작동하고 


http://apis.map.daum.net/web/sample/geolocationMarker/


다음에서 확인해 볼 수 있다.

그러나.. 이 과정이 될때까지 굉장한 삽질이 있었다.

위에는 explorer에서 실행된것 chrome에서 실행하려 했는데

이벤트가 발생하지 않았다..


알고보니.. 


정말 쌩뚱맞은 곳에서 이유를 알게되었다 웹서버 구축시 http가 아닌 https에서만 보여준다는 것이다.. 흑.. 나처럼 하루동안 고생하는 사람이 없기를 바란다.

Comments