inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기

프로젝트 2 - Map section (Kakao api map Jasvascript)

362

퍼블

작성한 질문수 5

0

프로젝트 2 - Map section (Kakao api map Jasvascript) 강의 따라서 적용시켜도 맵이 화면에 안나타나서~

위도, 경도 제공 문제인건지요... ㅠㅠ 

강의 따라서 작업한 소스코드는 아무 이상이 없고~ 강사님 작성하신 코드 파일 열어보니 강사님이 하신것도 적용이 안되있는데요. 맵 적용시키려면 어떻게 해야하는지 여쭤봐요.

map 웹 디자인 bootstrap javascript HTML/CSS

답변 1

0

Self-coding

안녕하세요.

 

카카오맵 API를 이용해서 지도를 구현하시려면,

1. 카카오맵 개발자 사이트에 접속, 회원가입-로그인

2. 카카오맵 API Javascript key를 얻고

3. 위의 카카오맵 개발 페이지에 지도 서비스를 이용할 웹사이트의 도메인을 등록(개발자 사이트 즉 localhost도 가능)

4. 정확한 위도, 경도 파악

한 다음, 웹사이트에 자바스크립트를 코딩해야 합니다.

 

자바스크립트 코드는 첨부한 파일을 참조하시구요.

1, 2, 3번에 대해서는 저희 회사의 포스트 링크를 알려드릴테니 읽어보시고 자바스크립트 키와 도메인 등록을 진행하시면 좋겠습니다.

https://medipress.co.kr/archives/2067

 

참고로 네이버맵 API를 이용하시려면, 아래 포스트를 참조해 주세요. 

https://medipress.co.kr/archives/2013

services-col mx-2 my-3

0

71

2

단축키 질문

0

66

1

부트스트랩 + *.css 함께 사용하는 이유와 분리 기준이 궁금합니다.

0

310

2

프로젝트3의 툴팁에서

1

346

2

프로젝트1 번의 Navigation 강의부에서 질문입니다.

0

379

1

게시판을 추가할 수 있는 방법이 있을까요?

0

736

1

프로젝트 2 이미지 깨짐 현상

0

1195

1

프로젝트 1- Service Section 에서 app.js에서 syntaxError가 납니다.

0

310

1

자식에 position:absolute;를 쓰지 않고, 바로 top 설정이 가능한가요?

0

369

2

cdn.js를 실제 프로젝트에 써도 문제가되지 않나요!?

0

536

1

carousel 구현에서 사용된 아이디가 중복 사용 가능한가요?

0

386

1

kakao map이 mobile에서도 가능하게 하려면 어떻게 할까요?

0

321

1

-webkit- 접두어가 안붙습니다.

0

408

1

브레이크 포인트 관련 문의

0

271

1

a:hover {color }

2

475

4

Post Content -2 질문

0

213

1

아니 선생님 이게 뭡니까 프로젝트3 Blog CTA Modal 파트

0

336

2

hover

0

330

1

box 공부중 질문있습니다

0

356

3

뭐가 잘못 된지 모르겠습니다.

0

310

2

강의보고 따라하는데 안됩니다.

0

321

3

3:10 -> 3:16 코드 질문 있습니다^^

0

299

2

card와 card-body 의 차이점

0

699

2

px-md-3

0

390

2