구글 맵 참조 매뉴얼

Map() 생성자

구글 맵 생성:

var map = new google.maps.Map(mapCanvas, mapOptions);

정의와 사용법

Map() 생성자는 지정된 HTML 요소 내(대부분 <div> 요소) 새로운 지도를 생성합니다.

문법

new google.maps.Map(HTMLElement,MapOptions)

파라미터 값

파라미터 설명
HTMLElement 지도를 배치할 HTML 요소를 지정합니다.
MapOptions MapOptions 객체를 통해 지도 초기화 변수/옵션을 저장합니다.

Map()의 메서드

메서드 값을 반환합니다. 설명
fitBounds(LatLngBounds) None 지정된 경계를 포함하는 시각을 설정합니다.
getBounds() LatLng,LatLng 현재視窗의 남서 위도/경도와 북동 위도/경도를 반환합니다.
getCenter() LatLng 지도 중심의 위도/경도를 반환합니다.
getDiv() Node 지도를 포함한 DOM 객체를 반환합니다.
getHeading() number

드론 사진의 나침반 방향을 반환합니다.

SATELLITE 및 HYBRID 맵 유형에 적용.
getMapTypeId()
  • HYBRID
  • ROADMAP
  • SATELLITE
  • TERRAIN
 현재 지도 유형을 반환합니다.
getProjection() Projection 현재 프로젝션을 반환합니다.
getStreetView() StreetViewPanorama 지도에 바인딩된 기본 StreetViewPanorama를 반환합니다.
getTilt() number

드론 사진의 진입 각도(도 단위)를 반환합니다.

SATELLITE 및 HYBRID 맵 유형에 적용.
getZoom() number 지도의 현재 줌 레벨을 반환합니다.
panBy(xnumber,ynumber) None 지정된 거리(픽셀 단위)로 지도 중심을 변경합니다.
panTo(LatLng) None 지도 중심을 주어진 LatLng로 변경합니다.
panToBounds(LatLngBounds) None 지도를 이동하여 주어진 LatLngBounds를 포함하는 데 필요한 최소 거리를 설정합니다.
setCenter(LatLng) None 지도 중심의 위도/경도를 설정합니다.
setHeading(number) None

드론 사진의 나침반 방향을 설정합니다.

기본 방향 북쪽에서 측정한 도를 단위로 사용합니다.
setMapTypeId(MapTypeId) None 지도를 표시할 지도 유형을 설정합니다.
setOptions(MapOptions) None
setStreetView(StreetViewPanorama) None StreetViewPanorama
StreetViewPanorama를 지도에 바인딩.number) None

setTilt(

SATELLITE 및 HYBRID 맵 유형에 적용.
setZoom(number) None 지도의 확대 수준을 설정.

Map() 속성

속성 유형 설명
controls Array.<MVCArray.<Node>> 지도에 추가되는 추가 컨트롤.
mapTypes MapTypeRegistry 문자 ID에 따른 MapType 인스턴스 등록簿.
overlayMapTypes MVCArray.<MapType> 叠加의 다른 맵 유형.

Map() 이벤트

이벤트 파라미터 설명
bounds_changed None 시야 경계가 변경될 때 발생.
center_changed None 지도 중심 속성이 변경될 때 발생.
click MouseEvent 사용자가 지도를 클릭할 때 발생.
dblclick MouseEvent 사용자가 지도를 더블 클릭할 때 발생.
drag None 사용자가 지도를 끌어가면 반복되어 발생.
dragend None 사용자가 지도를 끌어가기를 멈추면 발생.
dragstart None 사용자가 지도를 끌어가기 시작할 때 발생.
heading_changed None 지도 제목 속성이 변경될 때 발생.
idle None 지도가 이동하거나 확대된 후에 비활성화될 때 발생.
maptypeid_changed None mapTypeId 속성이 변경될 때 발생.
mousemove MouseEvent 사용자의 마우스가 지도 컨테이너에 이동할 때마다 발생.
mouseout MouseEvent 사용자가 지도 컨테이너에서 마우스를 내보내면 발생.
mouseover MouseEvent 사용자가 지도 컨테이너에 마우스를 가져가면 발생.
projection_changed None 프로젝션 변경될 때 발생.
resize None 지도(div)의 크기가 변경될 때 발생.
rightclick MouseEvent 사용자가 지도를 오른쪽 클릭할 때 발생.
tilesloaded None 보이는 타일이 완전히 로드되면 발생.
tilt_changed None 지도 기울기属性이 변경될 때 발생.
zoom_changed None 지도 확대属性이 변경될 때 발생.

叠加层

생성자/객체 설명
Marker 마커를 생성합니다.(주의, 마커의 표시 위치를 설정해야 합니다.)
MarkerOptions 마커를 렌더링하는 옵션.
MarkerImage 마커 아이콘 또는 셀라이드 이미지 구조.
MarkerShape 마커를 정의하는 클릭 가능 영역(유형 및 좌표)의 마커 모양.
Animation 표시할 표지판에서 재생할 애니메이션(빛나거나 내려가는)을 정의합니다.
InfoWindow 정보 창을 생성합니다.
InfoWindowOptions 정보 창을 렌더링하는 옵션입니다.
Polyline 다중 꼬리줄(경로와 텍스트 스타일)을 생성합니다.
PolylineOptions 꼬리줄을 렌더링하는 옵션입니다.
Polygon 다각형(경로와 텍스트+填充样)을 생성합니다.
PolygonOptions 다각형을 렌더링하는 옵션입니다.
Rectangle 사각형(경계와 텍스트+填充样)을 생성합니다.
RectangleOptions 사각형을 렌더링하는 옵션입니다.
Circle 원(중심+반지름과 텍스트+填充样)을 생성합니다.
CircleOptions 원을 렌더링하는 옵션입니다.
GroundOverlay
GroundOverlayOptions
OverlayView
MapPanes
MapCanvasProjection

이벤트

생성자/객체 설명
MapsEventListener

메서드나 생성자가 없습니다.

addListener()와 addDomListener()에서 반환된 인스턴스가 removeListener()로 전달됩니다.
event 이벤트 리스너를 추가/삭제/발생시킵니다.
MouseEvent 지도와 오버레이 레이어에서 다양한 마우스 이벤트를 반환합니다.

컨트롤

컨트롤/객체 설명
MapTypeControlOptions 제어 항목(위치와 스타일)을 수정하는 옵션을 저장합니다.
MapTypeControlStyle 표시할 맵 제어 항목 유형(드롭다운 메뉴 또는 버튼)을 정의합니다.
OverviewMapControlOptions 좌측 상단에 표시되는 일반 지도를 접목하는 제어 항목(펼쳐지거나 접히는)을 렌더링하는 옵션입니다.
PanControlOptions 이동 제어 항목(위치)을 렌더링하는 옵션입니다.
RotateControlOptions 회전 제어 항목(위치)을 렌더링하는 옵션입니다.
ScaleControlOptions 비율 제어 항목(위치와 스타일)을 렌더링하는 옵션입니다.
ScaleControlStyle 표시할 비율 제어 항목을 정의합니다.
StreetViewControlOptions 가상 풍경 pegman 제어 항목(위치)을 렌더링하는 옵션입니다.
ZoomControlOptions 지도 확대 제어 항목(위치와 스타일)을 렌더링하는 옵션입니다.
ZoomControlStyle 대 또는 소의 줌 컨트롤을 표시할 것을 결정합니다.
ControlPosition 지도 위에 컨트롤을 위치시키는 규정.