Google 지도란 무엇입니까?
Google 지도는 Google API입니다.
Google 글꼴은 Google API입니다.
Google 차트는 Google API입니다.
웹페이지에 Google 지도를 추가하는 방법을 알아보세요.
앗! 문제가 발생했습니다.
내 첫 Google 지도
간단한 웹 페이지로 시작하십시오.
지도를 표시할 위치에 <div> 요소를 추가하고 지도 크기를 설정합니다.
예시
<!DOCTYPE html>
<html>
<body>
<h1>My First Google Map</h1>
<div id="map" style="width:100%;height:400px;">My map will go here</div>
</body>
<html>
지도를 표시하는 JavaScript 함수를 추가합니다.
예시
function myMap() {
var mapCanvas =
document.getElementById("map");
var mapOptions = {
center: new google.maps.LatLng(51.5, -0.2),
zoom:
10
};
var map = new google.maps.Map(mapCanvas,
mapOptions);
}
mapCanvas 변수는 지도의 HTML 요소입니다 .
mapOptions 변수는 지도의 속성을 정의합니다 .
center 속성은 지도 의 중심 위치를 지정합니다(위도 및 경도 좌표 사용).
확대/축소 속성은 지도 의 확대/축소 수준을 지정합니다(확대/축소 수준으로 실험해 보세요).
google.maps.Map 객체 는 mapCanvas 및 mapOptions를 매개변수로 사용하여 생성됩니다.
마지막으로 Google API 추가
지도의 기능은 Google에 있는 JavaScript 라이브러리에서 제공합니다.
예시
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
Google 지도 튜토리얼
Google 지도 자습서 에서 Google 지도에 대해 자세히 알아보세요 .