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()
매개변수:  없음
반환 값:  None
장소 세부정보를 숨깁니다.
search
search()
매개변수:  없음
반환 값:  None
현재 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 장소 세부정보는 선의 시작 부분에 지도와 함께 인라인으로 표시됩니다. (왼쪽에서 오른쪽으로 쓰는 언어에서는 장소 세부정보가 지도 왼쪽에 표시됩니다.)