Map APIMap()Конструктор
Пример
Создайте карту Google:
var map=new google.maps.Map(document.getElementById("googleMap"),mapOpt);
Попробуйте сами »
Определение и использование
Конструктор Map() создаёт новую карту и вставляет её в указанный HTML-элемент (элемент <div>).
Синтаксис
new google.maps.Map(HTMLElement,MapOptions)
Значение параметра
| Параметр | Описание |
|---|---|
| HTMLElement | Указывает HTML-элемент, в который следует поместить карту. |
| MapOptions | Объект MapOptions с переменными/параметрами инициализации карты. |
Методы Map()
| Метод | Возвращаемое значение | Описание |
|---|---|---|
| fitBounds(LatLngBounds) | Отсутствует | Устанавливает область просмотра так, чтобы она содержала заданные границы. |
| getBounds() | LatLng,LatLng | Возвращает широту/долготу юго-западного и северо-восточного углов текущей области просмотра. |
| getCenter() | LatLng | Возвращает широту/долготу центра карты. |
| getDiv() | Узел | Возвращает объект DOM, содержащий карту. |
| getHeading() | число | Возвращает компасный курс аэрофотоснимков (поддерживается для типов карт SATELLITE и HYBRID). |
| getMapTypeId() | HYBRID ROADMAP SATELLITE TERRAIN | Возвращает текущий тип карты. |
| getProjection() | Projection | Возвращает текущий Projection. |
| getStreetView() | StreetViewPanorama | Возвращает объект StreetViewPanorama по умолчанию, привязанный к карте. |
| getTilt() | число | Возвращает угол падения аэрофотоснимков в градусах (поддерживается для типов карт SATELLITE и HYBRID). |
| getZoom() | число | Возвращает текущий уровень масштабирования карты. |
| panBy(xnumber,ynumber) | Отсутствует | Изменяет центр карты на заданное расстояние в пикселях. |
| panTo(LatLng) | Отсутствует | Изменяет центр карты на заданный LatLng. |
| panToBounds(LatLngBounds) | Отсутствует | Сдвигает карту на минимальное расстояние, необходимое для охвата заданного LatLngBounds. |
| setCenter(LatLng) | Отсутствует | |
| setHeading(number) | Отсутствует | Задаёт направление по компасу для аэрофотоснимков (измеряется в градусах), где север — базовое направление. |
| setMapTypeId(MapTypeId) | Отсутствует | Изменяет отображаемый тип карты. |
| setOptions(MapOptions) | Отсутствует | |
| setStreetView(StreetViewPanorama) | Отсутствует | Привязывает StreetViewPanorama к карте. |
| setTilt(number) | Отсутствует | Задаёт угол падения в градусах для аэрофотоснимков (поддерживается для типов карт SATELLITE и HYBRID). |
| setZoom(number) | Отсутствует |
Свойства Map()
| Attribute | Type | Описание |
|---|---|---|
| controls | Array.<MVCArray.<Node>> | Дополнительные элементы управления, прикрепляемые к карте. |
| mapTypes | MapTypeRegistry | Реестр экземпляров MapType с ключами в виде string ID. |
| overlayMapTypes | MVCArray.<MapType> | Дополнительные типы карт для наложения. |
События Map()
| Event | Параметр | Описание |
|---|---|---|
| bounds_changed | Отсутствует | Это событие вызывается при изменении границ области просмотра. |
| center_changed | Отсутствует | Это событие вызывается при изменении свойства центра карты. |
| click | MouseEvent | Это событие вызывается, когда пользователь щёлкает по карте (но не по маркеру или информационному окну). |
| dblclick | MouseEvent | Это событие вызывается, когда пользователь дважды щёлкает по карте. Обратите внимание, что перед этим событием также вызывается событие click. |
| drag | Отсутствует | Это событие срабатывает повторно, пока пользователь перетаскивает карту. |
| dragend | Отсутствует | Это событие срабатывает, когда пользователь прекращает перетаскивать карту. |
| dragstart | Отсутствует | Это событие срабатывает, когда пользователь начинает перетаскивать карту. |
| heading_changed | Отсутствует | Это событие срабатывает при изменении свойства heading карты. |
| idle | Отсутствует | Это событие срабатывает, когда карта переходит в состояние бездействия после панорамирования или масштабирования. |
| maptypeid_changed | Отсутствует | Это событие срабатывает при изменении свойства mapTypeId. |
| mousemove | MouseEvent | Это событие срабатывает всякий раз, когда мышь пользователя перемещается по контейнеру карты. |
| mouseout | MouseEvent | Это событие срабатывает, когда мышь пользователя покидает контейнер карты. |
| mouseover | MouseEvent | Это событие срабатывает, когда мышь пользователя входит в контейнер карты. |
| projection_changed | Отсутствует | Это событие срабатывает, когда проекция изменяется. |
| resize | Отсутствует | Это событие срабатывает, когда размер карты (div) изменяется. |
| rightclick | MouseEvent | Это событие срабатывает, когда пользователь щёлкает правой кнопкой мыши по карте. |
| tilesloaded | Отсутствует | Это событие срабатывает, когда видимые плитки завершают загрузку. |
| tilt_changed | Отсутствует | Это событие срабатывает, когда изменяется свойство tilt карты. |
| zoom_changed | Отсутствует | Это событие срабатывает, когда изменяется свойство zoom карты. |