카카오톡 맵 api

카카오톡 맵 api

작성일 2021.11.30댓글 2건
    게시물 수정 , 삭제는 로그인 필요

카카오톡 맵 api를 이용해서 웹에서 볼 수 있는 지도 페이지를 만들려고 합니다.
샘플 카테고리에 있는 지도 생성하기를 선택해서 자바 스크립트 + HTML 에 작성되어있는 코드를 HTML 파일에 작성해서 실행을 해봤는데 하얀색 화면이 뜨더라고요..
공부를 시작하려고 하는 입장에서 시작부터 이런 문제가 생기니 너무 난처하네요..;
지식이 없는 상황인지라 구글링도 해봤습니다만, 제가 원하는 결과를 얻지 못 해서 지식인에 글을 쓰게 되었습니다. 
아래에 사진은 HTML 파일을 실행하면 실행되는 하얀색 화면의 웹 페이지 입니다.



#카카오톡 맵 #카카오톡 맵 api #카카오톡 맵 만들기

profile_image 익명 작성일 -

앞서 다른분이 언급해주신것처럼 APP KEY를 입력하셔야하는데요.

저도 같은걸 경험해 봤는데, APP KEY를 입력하셔도 계속 같은 상황일겁니다.

이거는 파일을 바로 크롬으로 열면 안됩니다.

올리신 이미지에서 주소창을 보니 그냥 html파일을 크롬으로 바로 여신건데, 카카오지도 api는 서버를 통해야 제대로 나옵니다. 서버로 여셔야해요. vs code 에디터를 사용하신다면 live server 확장프로그램으로 하실수 있고요.

브라켓 에디터의 경우에도 이름은 생각이 안나지만 이런 기능이 기본으로 있는걸로 압니다. 다른 에디터는 잘 모르겠네요.

그게 아니라면 서버를 구성하셔서 그쪽으로 html파일을 열어야 합니다.

그마저도 아니라면 샘플 코드의 script태그에서 src부분에 http: 또는 https: 입력해보세요 아래처럼요.

<script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 APP KEY를 사용하세요"></script>

근데 절대로 권고하는 방법이 아니기 때문에 잠깐 보고 확인만하세요. 나중에 반드시 원래대로 바꿔야합니다.

그냥 이 방법보다 전자의 방법을 쓰시길 바래요

profile_image 익명 작성일 -

샘플 코드에 이런 부분이 있는데요. 발급받은 APP KEY를 넣으셨나요?

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 APP KEY를 사용하세요"></script>

카카오톡 맵 api

카카오톡 맵 api를 이용해서 웹에서 볼 수 있는 지도 페이지를 만들려고 합니다. 샘플 카테고리에 있는 지도 생성하기를 선택해서 자바 스크립트 + HTML 에 작성되어있는...

오토핫키 문의

... 일단 카카오 메시지 관련 API가 있으니 참고는 하시구요 오토핫키로 짜게되면 말씀하신것처럼 5초마다 카카오톡 스샷을 찍어서 비교해서 하는 방안을 사용할수 있습니다...

카톡 비즈니스와 디벨로퍼스 차이가...

... 디벨로퍼는 개발자를 위한 채널 + 개발자를 위한 API를 제공하는 곳입니다. 질문자님께서 흔히 다른 사이트에서 보던 카카오로 로그인하기 / 카카오맵 이런거구요 전혀...

스마트 서울맵 3D맵 관련 문의드립니다.

... 현재 서울맵의 API를 통하여 3D파일을 추출해, 가져다쓰는것은 문제가 되는것으로... ☞ 더 궁금하신 사항은 다산콜센터 트위터( https://twitter.com/120seoulcall ), 카카오톡...

pmmp 서버오류

... 1dev-950 "絶好(Zekkou)ケーキ(Cake)" (API 1.11.0) [Server] 00:52:48... 주시고 자세한 내용은 카카오톡 아이디: stdio3997 로 물어봐 주세요

sns service 유형의 홈페이지는 어떤게...

... ^^ SNS랑 연동(페이스북, 트위터, 구글+, 카카오톡, 블로그 등등)하는 것은 API오픈 소스로 코딩만 하면 쉽게 끝나는 작업이기에 그리 어려운 것은 아닌데요, 만약...