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)
매개변수: 
  • eventName:  string
  • handler:  Function
반환 값:  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> 유형도 허용되지만 JavaScript 기호를 기본적으로 지원하는 브라우저에서만 지원됩니다.
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 typedef

검색할 장소 유형 및 사용할 가중치입니다. 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)
매개변수: 
  • eventName:  string
  • handler:  Function
반환 값:  MapsEventListener
지정된 리스너 함수를 지정된 이벤트 이름에 추가합니다.

MapDirectionsOptionsLiteral 인터페이스

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

편의를 위해 많은 위치에서 MapDirectionsOptions 객체 대신 객체 리터럴이 허용됩니다. 이러한 객체는 Maps 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 장소 세부정보는 선의 시작 부분에 지도와 인라인으로 표시됩니다. (왼쪽에서 오른쪽으로 쓰는 언어에서는 장소 세부정보가 지도 왼쪽에 표시됩니다.)