default를 유저 지금 현재 위치로 바꾸는거,
(출발값을 유저의 현재 위치로 한다.)
그리고 그 유저 위치를 따라갈 수 있게끔 하는거
const 출발 하는 위치 = 유저의 현재 위치|
geolocation으로 내 현재 위치를 찾아오고, tmap에 있는 거 건들여보면?
navigator.geolocation.getCurrentPosition(function(pos) {
let latitude = pos.coords.latitude;
let longitude = pos.coords.longitude;
console.log(`위도: ${latitude}, 경도: ${longitude}`)
})
현재 내 위치를 위도와 경도로 표시하는 것.
navigator.geolocation.getCurrentPosition(function(pos) {
console.log(pos)
})
내 위치를 알 수 있음.
위도와 경도를 따로 추출하기
let latitude = pos.coords.latitude;
let longitude = pos.coords.longitude;
pos.coords.latitude를 통해서 위도를 따로 추출가능함.
coords: Geolocation API의 Position 객체에서 사용되는 속성임. Position 객체는 위치 정보를 나타내고
coords는 그 중에서 위도와 경도와 같은 위치 관련 정보를 포함하고 있음
=> 매개변수의 coords 속성에 접근해서 latitude를 추출할 거다.
Geolocation API는 자바스크립트 프로그램이 사용자의 실제 위치를 브라우저에게 요청할 수 있도록
해준다.
브라우저가 지원하는 Geoloaction API는 navigator.geolocation으로 정의되어있음
Geolocation API의 세가지 메서드
navigator.geolocation.getCurrentPosition()
- 사용자의 현재 위치 요청
// 출발 값을 지정할 때 현재 위치 지정할 때 사용
Geolocation.getCurrentPosition(): 장치의 현재 위치를 검색합니다.
// 사용자가 이동할 때 사용할 거시기
Geolocation.watchPosition(): 장치의 위치가 변경될 때마다 자동으로 호출되어
업데이트된 위치를 반환하는 핸들러 함수를 등록합니다.
둘 다 최대 3개의 인수를 사용할 수 있음
필수 : 성공 시 콜백은 GeolocationPosition 객체를 유일한 매개변수로 사용