var map = new kakao.maps.Map(mapContainer, mapOption);
var marker = null; // 초기에 마커를 생성하지 않음
// 현재 위치로 이동하는 버튼 추가
var btnGeo = document.createElement(‘button’); // 버튼 생성
btnGeo.textContent = ‘현재 위치’;
btnGeo.classList.add(‘lbutton-style’);
// 버튼 이벤트 추가
btnGeo.addEventListener(‘click’, goToMyLocation);
// 버튼 지도에 추가
mapContainer.appendChild(btnGeo);
// 현재 위치로 이동하는 함수
function goToMyLocation() {
if (navigator.geolocation) {
// 위치 정보 가져오기
navigator.geolocation.getCurrentPosition(function(position) {
// 현재 위치로 지도 이동
var latlng = new kakao.maps.LatLng(position.coords.latitude, position.coords.longitude);
map.setCenter(latlng);
if (marker === null) {
marker = new kakao.maps.Marker({
position: latlng,
image: new kakao.maps.MarkerImage( ‘https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/markerStar.png’,
new kakao.maps.Size(24, 35),
{offset: new kakao.maps.Point(13, 34)}
)
});
marker.setMap(map);
} else {
marker.setPosition(latlng);
}
});
} else {
alert('현재 위치 정보를 가져올 수 없습니다');
}
}
// 버튼 클릭 시 현재 위치로 이동
btnGeo.addEventListener(‘click’, goToMyLocation);
react-native 로 kakao map 웹뷰 앱을 만들어 실행했을때 Android 기기에서 내위치 기능이 되지 않습니다. 현재 위치 버튼을 만들었습니다. 하지만 현재 위치 버튼을 클릭할시에 아무런 변화가 없습니다.