- pc 웹을 개발하고 있는데, 주소 검색 서비스(kakao.maps.services.Geocoder)가 안되네요. 웹 플랫폼 추가를 안해서 그러나 해서 등록할려고 하는데 url 형식이 도메인 형식이네요. file 형식은 안되네요. 도메인 없이 그냥 웹 개발은 어떻게 서비스를 연결 시킬수 있나요. 네이버는 (file:///C:/j65_NewProject/j65_RealEstateManagementSystem/j65_RealEstateManagementSystem/j65_Html/naverMap01.html)이런 형식으로 연결 하면 되는데…
- 그리고 pc웹을 개발을 다해서 배포 했을 경우 html 파일 (< type=“text/javascript” src=“http://dapi.kakao.com/v2/maps/sdk.js?appkey=xxxxxxxxxxxxx&libraries=services”>) 이부분은 그대로 두어도 카카오지도 연결 문제는 이상 없나요?
물론 링크한 내용 사전에 충분이 읽어 보았습니다.
그래도 해결이 안되어서 글을 올린건데 너무 간단하게 답변 하는군요.
플랫폼 추가 누르면 안드로이드와 ios만 뜨는데, 그럼 windows 10 에서 개발 할때 일반 pc용 앱 개발은 어떻게 하냐는 것입니다. 문제는 services 라이브러리와 연결이 안되고 있다는 것입니다. 연결점을 어떻게 만드는지 알려주세요.
1.파일 형태로는 도메인을 추가할 수 없습니다.
도메인 주소가 필요하기 때문에 웹서버를 띄워서 url을 추가한 후에 사용해주세요.
지도가 잘 뜨는지 확인이 필요하다면
코드에서 src에 넣는 주소의 프로토콜(http://)을 명시해 보세요.
앱키를 잘 넣으셨다면 일단 파일만으로도 뜨긴 할 겁니다.
<script type="text/javascript" src="http://dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 APP KEY를 넣으시면 됩니다."></script>
2.배포 시에는 가이드대로 배포해주세요.
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 APP KEY를 넣으시면 됩니다."></script>
“웹서버를 띄워서 url을 추가” 이부분을 어떻게 하는건지?
카카오 지도를 사이트에서 사용할 것이 아니라, 데스크 앱에서 웹브라우저 컨트롤을 통해서 지도를 띠우는 방식으로 개발하고 있습니다. 운영할 서버는 없는 상태입니다.
그리고 카카오 지도는 잘 연동되는데, services 라이브러리와 연결이 안되고 있습니다. 주소를 보내면 돌아오는 데이터는 null 입니다.
플랫폼 추가가 무엇을 말씀하시는건지 모르겠습니다.
웹 콘솔에서 앱정보 => 웹을 클릭하세요.
file:// 을 입력하면 alert창이 뜹니다. 확인누르고
저장을 누르면 됩니다.
<script type="text/javascript" src="http://dapi.kakao.com/v2/maps/sdk.js?appkey=XXXXXXXXXXXXXXXXXXXXXX&libraries=services"></script>
<script>
const geocoder = new kakao.maps.services.Geocoder();
const wtmX = 160082.538257218;
const wtmY = -4680.975749087054;
geocoder.transCoord(wtmX, wtmY, (result, status) => {
console.log(result[0].x, result[0].y);
}, {
input_coord: kakao.maps.services.Coords.WTM,
output_coord: kakao.maps.services.Coords.WGS84
});
</script>
위 스크립트가 저장된 파일을 브라우저로 실행시키면
정상동작합니다.
친절한 답변에 감사합니다. file:// 하였더니 잘 작동합니다.