Map View

LocalContextMapView 클래스

google.maps.localContext.LocalContextMapView 클래스

Map를 사용하여 로컬 컨텍스트 환경을 표시합니다.

이 클래스는 LocalContextMapViewOptions를 구현합니다.

const {LocalContextMapView} = await google.maps.importLibrary("localContext")를 호출하여 액세스합니다. Maps JavaScript API의 라이브러리를 참고하세요.

LocalContextMapView
LocalContextMapView(options)
매개변수: 
directionsOptions
LocalContextMapViewOptions.directionsOptions 페이지를 참고하세요.
element optional
유형:  HTMLElement|SVGElement optional
읽기 전용 필드입니다. 뷰를 지원하는 DOM 요소입니다.
isTransitioningMapBounds
유형:  boolean
LocalContextMapView가 내부 Map의 경계 변경을 시작하기 전에 true로 설정되고 LocalContextMapView가 내부 Map의 경계 변경을 완료한 후 false로 설정됩니다. 반응형 크기 조절로 인해 레이아웃 모드 변경이 발생하는 경우에는 설정되지 않습니다.
locationBias
유형:  LocationBias optional
LocalContextMapViewOptions.locationBias 페이지를 참고하세요. LocalContextMapView에서 이 속성을 변경하면 새 검색이 실행될 수 있습니다.
locationRestriction
유형:  LocationRestriction optional
LocalContextMapViewOptions.locationRestriction 페이지를 참고하세요. LocalContextMapView에서 이 속성을 변경하면 새 검색이 실행될 수 있습니다.
maxPlaceCount
유형:  number
LocalContextMapViewOptions.maxPlaceCount 페이지를 참고하세요. LocalContextMapView에서 이 속성을 변경하면 새 검색이 실행될 수 있습니다.
placeTypePreferences
LocalContextMapViewOptions.placeTypePreferences 페이지를 참고하세요. LocalContextMapView에서 이 속성을 변경하면 새 검색이 실행될 수 있습니다. Iterable<string|PlaceTypePreference>도 가능합니다.
상속됨: map, pinOptionsSetup, placeChooserViewSetup, placeDetailsViewSetup
addListener
addListener(eventName, handler)
매개변수: 
  • eventNamestring
  • handlerFunction
반환 값:  MapsEventListener
지정된 이벤트 이름에 지정된 리스너 함수를 추가합니다.
hidePlaceDetailsView
hidePlaceDetailsView()
매개변수: 없음
반환 값: 없음
장소 세부정보를 숨깁니다.
search
search()
매개변수: 없음
반환 값: 없음
현재 maxPlaceCount, placeTypePreferences, locationRestriction, locationBias를 기반으로 사용자에게 표시할 장소를 검색합니다.
error
function(event)
인수: 
이 이벤트는 검색을 수행하는 동안 오류가 발생하면 시작됩니다.
placedetailsviewhidestart
function()
인수: 없음
이 이벤트는 장소 세부정보에 애니메이션이 적용되기 전에 시작됩니다.
placedetailsviewshowstart
function()
인수: 없음
이 이벤트는 장소 세부정보에 애니메이션이 적용되기 전에 시작됩니다.

LocalContextMapViewOptions 인터페이스

google.maps.localContext.LocalContextMapViewOptions 인터페이스

LocalContextMapView를 구성하거나 기존 LocalContextMapView에 액세스하기 위한 옵션입니다.

maxPlaceCount
유형:  number
표시할 최대 장소 수입니다. 이 매개변수가 0이면 로컬 컨텍스트 라이브러리는 장소를 로드하지 않습니다. [0,24]
placeTypePreferences
검색할 장소 유형입니다 (최대 10개). Iterable<string|PlaceTypePreference> 유형도 사용할 수 있지만, 기본적으로 자바스크립트 기호를 지원하는 브라우저에서만 지원됩니다.
directionsOptions optional
경로 맞춤설정 옵션입니다. 설정하지 않으면 경로 및 거리가 사용 중지됩니다.
element optional
유형:  HTMLElement|SVGElement optional
읽기 전용 필드입니다. 뷰를 지원하는 DOM 요소입니다.
locationBias optional
유형:  LocationBias optional
기본값: null
장소를 검색할 때 사용하는 소프트 경계 또는 힌트입니다.
locationRestriction optional
유형:  LocationRestriction optional
검색결과를 제한하는 경계 지정하지 않으면 결과가 지도 표시 영역으로 제한됩니다.
map optional
유형:  Map optional
이미 인스턴스화된 Map 인스턴스 지도가 전달되면 LocalContextMapView의 DOM으로 이동되고 스타일이 다시 지정되지 않습니다. 지도와 연결된 요소에는 LocalContextMapView에 의해 적용된 스타일과 클래스도 있을 수 있습니다.
pinOptionsSetup optional
유형:  (function({
  isSelected:boolean,
  isHighlighted:boolean
}): (PinOptions optional))|PinOptions optional
아이콘 상태에 따라 장소 마커 아이콘을 구성합니다. 콜백 입력이 변경될 때마다 호출됩니다. LocalContextMapView가 장소 마커를 그릴 때 기본 설정을 동적으로 재정의하는 함수를 전달합니다. 오류 및 잘못된 구성은 비동기식으로 판단되어 무시됩니다 (기본값이 사용되며 오류는 콘솔에 로깅됨).
placeChooserViewSetup optional
유형:  (function({
  defaultLayoutMode:PlaceChooserLayoutMode,
  defaultPosition:PlaceChooserPosition optional
}): (PlaceChooserViewSetupOptions optional))|PlaceChooserViewSetupOptions optional
장소 선택기 뷰의 설정을 재정의합니다. 크기 조절로 인해 LocalContextMapView의 레이아웃이 변경될 수 있는 경우 기본 설정을 동적으로 재정의하는 함수를 전달합니다. 오류 및 잘못된 구성은 비동기식으로 판단되어 무시됩니다 (기본값이 대신 사용되어 오류가 콘솔에 로깅됨). 생성 시 오류가 감지되면 오류가 동기식으로 발생합니다.
placeDetailsViewSetup optional
유형:  (function({
  defaultLayoutMode:PlaceDetailsLayoutMode,
  defaultPosition:PlaceDetailsPosition optional
}): (PlaceDetailsViewSetupOptions optional))|PlaceDetailsViewSetupOptions optional
장소 세부정보 보기의 설정을 재정의합니다. 크기 조절로 인해 LocalContextMapView의 레이아웃이 변경될 수 있는 경우 기본 설정을 동적으로 재정의하는 함수를 전달합니다. 오류 및 잘못된 구성은 비동기식으로 판단되어 무시됩니다 (기본값이 사용되며 오류는 콘솔에 로깅됨). 생성 시 오류가 감지되면 오류가 동기식으로 발생합니다.

PlaceTypePreference typedef

google.maps.localContext.PlaceTypePreference유형 정의

검색할 장소 유형과 사용할 가중치입니다. weight을 생략하면 라이브러리가 기본 가중치를 결정하며 이는 시간이 지남에 따라 변경되고 개선될 수 있습니다.

{
  type:string,
  weight:number optional
}

MapDirectionsOptions 클래스

google.maps.localContext.MapDirectionsOptions 클래스

LocalContextMapView를 사용하여 경로 설정을 제공합니다.

이 클래스는 MapDirectionsOptionsLiteral를 구현합니다.

const {MapDirectionsOptions} = await google.maps.importLibrary("localContext")를 호출하여 액세스합니다. Maps JavaScript API의 라이브러리를 참고하세요.

상속됨: origin
addListener
addListener(eventName, handler)
매개변수: 
  • eventNamestring
  • handlerFunction
반환 값:  MapsEventListener
지정된 이벤트 이름에 지정된 리스너 함수를 추가합니다.

MapDirectionsOptionsLiteral 인터페이스

google.maps.localContext.MapDirectionsOptionsLiteral 인터페이스

여러 위치에서 편의상 객체 리터럴이 MapDirectionsOptions 객체 대신 허용됩니다. 지도 API에서 이러한 객체를 발견하면 MapDirectionsOptions 객체로 변환됩니다.

origin
경로 및 거리의 출발지입니다.

PinOptions 인터페이스

google.maps.localContext.PinOptions 인터페이스

핀 마커 맞춤설정 옵션

background optional
유형:  string optional
아이콘 모양의 색상은 유효한 CSS 색상일 수 있습니다.
glyphColor optional
유형:  string optional
아이콘의 글리프 색상은 유효한 CSS 색상일 수 있습니다.
scale optional
유형:  number optional
아이콘의 배율입니다. 값은 절댓값이며 각 상태의 기본 크기를 기준으로 하지 않습니다.

PlaceChooserViewSetupOptions 인터페이스

google.maps.localContext.PlaceChooserViewSetupOptions 인터페이스

장소 선택기의 설정 옵션입니다. 레이아웃 및 가시성 설정에 대해 자세히 알아보세요.

layoutMode optional
유형:  PlaceChooserLayoutMode optional
position optional
유형:  PlaceChooserPosition optional
layoutMode:HIDDEN인 경우 무시되었습니다. 통과하지 못한 경우 layoutMode에 따라 자동으로 위치가 결정됩니다.

PlaceChooserLayoutMode 상수

google.maps.localContext.PlaceChooserLayoutMode 상수

장소 선택기의 레이아웃 모드입니다.

const {PlaceChooserLayoutMode} = await google.maps.importLibrary("localContext")를 호출하여 액세스합니다. Maps JavaScript API의 라이브러리를 참고하세요.

HIDDEN 장소 선택기가 숨겨져 있습니다.
SHEET 장소 선택기가 시트로 표시됩니다.

PlaceChooserPosition 상수

google.maps.localContext.PlaceChooserPosition 상수

장소 선택기의 위치를 표시합니다.

const {PlaceChooserPosition} = await google.maps.importLibrary("localContext")를 호출하여 액세스합니다. Maps JavaScript API의 라이브러리를 참고하세요.

BLOCK_END 장소 선택기가 컨테이너의 끝으로 확장되는 지도 아래의 줄에 표시됩니다.
INLINE_END 장소 선택기는 선 끝에 지도와 함께 인라인으로 표시됩니다. (왼쪽에서 오른쪽으로 쓰는 언어에서는 장소 선택기가 지도의 오른쪽에 있습니다.)
INLINE_START 장소 선택기는 선 시작 부분에 지도와 함께 인라인으로 표시됩니다. (왼쪽에서 오른쪽으로 쓰는 언어에서는 장소 선택기가 지도의 왼쪽에 있습니다.)

PlaceDetailsViewSetupOptions 인터페이스

google.maps.localContext.PlaceDetailsViewSetupOptions 인터페이스

장소 세부정보 설정 옵션 레이아웃 및 가시성 설정에 대해 자세히 알아보세요.

hidesOnMapClick optional
유형:  boolean optional
layoutMode optional
유형:  PlaceDetailsLayoutMode optional
position optional
유형:  PlaceDetailsPosition optional
layoutMode:INFO_WINDOW인 경우 무시되었습니다. 통과하지 못한 경우 layoutMode에 따라 자동으로 위치가 결정됩니다.

PlaceDetailsLayoutMode 상수

google.maps.localContext.PlaceDetailsLayoutMode 상수

장소 세부정보의 레이아웃 모드입니다.

const {PlaceDetailsLayoutMode} = await google.maps.importLibrary("localContext")를 호출하여 액세스합니다. Maps JavaScript API의 라이브러리를 참고하세요.

INFO_WINDOW 장소 세부정보는 InfoWindow에 표시됩니다.
SHEET 시트 세부정보가 시트에 표시됩니다.

PlaceDetailsPosition 상수

google.maps.localContext.PlaceDetailsPosition 상수

장소 세부정보에 대한 위치를 표시합니다.

const {PlaceDetailsPosition} = await google.maps.importLibrary("localContext")를 호출하여 액세스합니다. Maps JavaScript API의 라이브러리를 참고하세요.

INLINE_END 장소 세부정보는 선 끝에 있는 지도와 함께 인라인으로 표시됩니다. (왼쪽에서 오른쪽으로 쓰는 언어에서는 장소 세부정보가 지도의 오른쪽에 있음을 의미합니다.)
INLINE_START 장소 세부정보는 선의 시작 부분에 있는 지도와 함께 인라인으로 표시됩니다. (왼쪽에서 오른쪽으로 쓰는 언어에서는 장소 세부정보가 지도의 왼쪽에 있음을 의미합니다.)