KaKaoMap(ボーナス)

7187 ワード

  • で作成したページをapiを提供するページに登録します!
  • 承認鍵は、
  • apiを提供するホームページで取得する必要があります.
  • apiを提供するホームページから、私が望んでいるコード
  • を取得します.
  • コードには、送信された鍵を入力する部分がある.これに基づいて鍵
  • を記述する.
    <!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>