[HTML5] 웹에서 현재 위치 정보 얻기 - geolocation

우리동네 교통사고 다발지역 서비스는

맵 기반 서비스다보니, 어딘가를 지나가다가 우연히 이 서비스를 사용하고 있다면

현재 위치와 가까운 곳에 교통사고 다발지역이 있을지 궁금해 했으면 하는 바람으로..

 

서비스에 현재 위치로 이동하는 기능을 추가했다.

 

검정 과녘 같이 생긴 아이콘을 누르면 현재 위치로 이동한다. 해당 기능을 위해 

HTML5 API인 geolocation을 이용하면 쉽게 구현이 가능하다.

 

 

$('#myLocation').on('click', function() {
    navigator.geolocation.getCurrentPosition(function(pos) {
      
        latLng = new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude);

        map.setZoom(13);
        map.setCenter(latLng);
        searchMarker = new google.maps.Marker({
            map: map,
            position: latLng
        });
    });
});