먼저 구글 맵을 이용하기 위해서는 API키를 발급을 받아야한다~!!
https://code.google.com/apis/console
위에 링크로 들어가면 API이용 관련 설정을 해야한다.
왼쪽에 서비스 항목중에 구글 맵 관련 API를 활성화한다.
구글 맵 API 버전이 보일것이다 OFF --> ON으로 바꾼다.
그리고 API Access 로 가서 API를 활성화 한다.
https://developers.google.com/maps/?hl=ko 으로 가보면 간단한 내용 및 사용법등이 나온다.
<script src="https://maps.googleapis.com/maps/api/js?key=여기에아까위에있는API키값입력&sensor=true또는false"></script>
<script>
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(37.537355,127.009591), //좌표
zoom: 15, //확대정도
mapTypeId: google.maps.MapTypeId.ROADMAP //기본지도사용(위성지도및 기타지도도있음~)
};
var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
}
</script>
<body onload="initialize()">
<div id="map_canvas" style="width:640px;height:640px;">
</div>
</body>
이렇게 넣어주면 구글맵을 사용할 수 있다.
'API 사용하기' 카테고리의 다른 글
| aws eb config.yml (0) | 2019.04.03 |
|---|