웹 페이지에 Google지도를 추가하는 방법에 대해 알아보십시오.
기초적 웹 페이지
모든 웹 페이지는 HTML로 작성됩니다.
웹 페이지에 Google지도를 추가하는 방법을 설명하기 위해, 우리는 간단한 기본 웹 페이지를 사용합니다 :
예
<!DOCTYPE html>
<html>
<body>
<h1>My First Google Map</h1>
<div id="map">My map will go here</div>
</body>
<html>
»그것을 자신을 시도 지도 크기 설정
지도의 크기를 설정합니다 :
구글 API를 추가
지도의 기능은 구글에 위치한 자바 스크립트 라이브러리에 의해 제공됩니다.
자바 스크립트 라이브러리는로드 할 수있다 <head> HTML 페이지의 섹션을 참조하십시오.
사실 당신은 삭제할 수 있습니다 <head> 와 </head> 태그를.
자바 스크립트를 사용하여지도 만들기
마지막 페이지에 필요한 자바 스크립트를 추가합니다 :
예
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는지도의 옵션입니다.
중앙 속성을 호출하여 (런던의) 위도와 경도를 얻는다 google.maps. LatLng() google.maps. LatLng() .
줌 속성을 10으로 설정됩니다 (줌 실험을 시도)
google.maps.Map 객체 mapCanvas 및 매개 MapOptions 사용하여 생성된다.
우리로 이동 Google지도 API 튜토리얼 . Google지도에 대한 정보를 얻으실 수 있습니다.