KakaoMap(보너스)
- 만든 웹 페이지를 api를 제공하는 홈페이지에 등록 시켜줘야한다!
- api를 제공하는 홈페이지에서 승인 key를 발급 받아야 한다!
- api를 제공하는 홈페이지에서 내가 원하는 코드를 가져온다
- 코드에 발급받은 key를 입력하는 부분이 있다. 거기에 발급받은 key 작성
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
html, body, #map {
width: 100%;
height: 100%;
}
</style>
</head>
#### <body>
<div id="map"></div>
<script type="text/javascript"
src="//dapi.kakao.com/v2/maps/sdk.js?appkey=4d769abbd5b8d6768ac1a5317de206ff"></script>
<script>
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center : new kakao.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
level : 3
// 지도의 확대 레벨
};
// 지도를 표시할 div와 지도 옵션으로 지도를 생성합니다
var map = new kakao.maps.Map(mapContainer, mapOption);
</script>
</body>
</html>
//마커가 표시될 위치입니다 var markerPosition = new kakao.maps.LatLng(33.450701,
126.570667); // 마커를 생성합니다 var marker = new kakao.maps.Marker({ position
: markerPosition }); // 마커가 지도 위에 표시되도록 설정합니다 marker.setMap(map); // 아래
코드는 지도 위의 마커를 제거하는 코드입니다 // marker.setMap(null);
</script>
</body>
</html>
Author And Source
이 문제에 관하여(KakaoMap(보너스)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@seoil1221/KakaoMap보너스저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
