inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

356

퍼블

작성한 질문수 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

62

2

단축키 질문

0

57

1

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

0

279

2

프로젝트3의 툴팁에서

1

333

2

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

0

363

1

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

0

721

1

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

0

1179

1

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

0

287

1

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

0

350

2

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

0

529

1

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

0

361

1

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

0

307

1

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

0

400

1

브레이크 포인트 관련 문의

0

258

1

a:hover {color }

2

455

4

Post Content -2 질문

0

204

1

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

0

324

2

hover

0

322

1

box 공부중 질문있습니다

0

333

3

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

0

294

2

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

0

302

3

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

0

281

2

card와 card-body 의 차이점

0

677

2

px-md-3

0

377

2