리그캣의 개발놀이터

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에서만 보여준다는 것이다.. 흑.. 나처럼 하루동안 고생하는 사람이 없기를 바란다.

저작자표시

'개발 공부 > Node.js(웹)' 카테고리의 다른 글

[node.js] node에서 get, post 요청할때 undefined 현상  (0) 2020.04.08
[node] express를 활용하여 api template 만들기  (0) 2020.04.06
[mongodb] 몽고 mongodb db 저장 위치  (0) 2018.09.15
[MongoDB]database.collection is not a function ERROR  (0) 2018.09.15
노드js[Node.js] 웹 서버 구축하기 (window)  (0) 2018.01.18
'개발 공부/Node.js(웹)' Related Articles more
Comments