Polygons

Класс полилинии

google.maps . Polyline Класс google.maps . Polyline

Ломаная линия представляет собой линейное наложение соединенных сегментов линий на карту.

Этот класс расширяет MVCObject .

Получите доступ, вызвав const {Polyline} = await google.maps.importLibrary("maps") . См. Библиотеки в Maps JavaScript API .

Polyline
Polyline([opts])
Параметры:
Создайте полилинию, используя переданный параметр PolylineOptions , который указывает как путь полилинии, так и стиль обводки, используемый при рисовании полилинии. Вы можете передать либо массив LatLng s, либо MVCArray LatLng s при построении полилинии, хотя простые массивы преобразуются в MVCArray s внутри полилинии при создании экземпляра.
getDraggable
getDraggable()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, может ли пользователь перетаскивать эту фигуру.
getEditable
getEditable()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, может ли пользователь редактировать эту форму.
getMap
getMap()
Параметры: Нет
Возвращаемое значение: Map |null
Возвращает карту, к которой прикреплена эта фигура.
getPath
getPath()
Параметры: Нет
Возвращаемое значение: MVCArray < LatLng >
Получает путь.
getVisible
getVisible()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, виден ли этот полигон на карте.
setDraggable
setDraggable(draggable)
Параметры:
  • draggable : boolean
Возвращаемое значение: нет
Если установлено значение true , пользователь может перетаскивать эту фигуру по карте. geodesic свойство определяет режим перетаскивания.
setEditable
setEditable(editable)
Параметры:
  • editable : boolean
Возвращаемое значение: нет
Если установлено значение true , пользователь может редактировать эту форму, перетаскивая контрольные точки, показанные в вершинах и на каждом сегменте.
setMap
setMap(map)
Параметры:
  • map : Map optional
Возвращаемое значение: нет
Отрисовывает эту фигуру на указанной карте. Если для карты задано значение null , фигура будет удалена.
setOptions
setOptions(options)
Параметры:
Возвращаемое значение: нет
setPath
setPath(path)
Параметры:
Возвращаемое значение: нет
Задает путь. Дополнительные сведения см. в PolylineOptions .
setVisible
setVisible(visible)
Параметры:
  • visible : boolean
Возвращаемое значение: нет
Скрывает этот полигон, если установлено значение false .
Унаследовано: addListener , bindTo , get , notify , set , setValues , unbind , unbindAll
click
function(event)
Аргументы:
Это событие запускается, когда событие щелчка DOM запускается на полилинии.
contextmenu
function(event)
Аргументы:
Это событие запускается, когда событие контекстного меню DOM запускается на Poyline.
dblclick
function(event)
Аргументы:
Это событие запускается, когда событие DOM dblclick запускается для полилинии.
drag
function(event)
Аргументы:
Это событие повторяется, пока пользователь перетаскивает полилинию.
dragend
function(event)
Аргументы:
Это событие запускается, когда пользователь перестает перетаскивать полилинию.
dragstart
function(event)
Аргументы:
Это событие запускается, когда пользователь начинает перетаскивать полилинию.
mousedown
function(event)
Аргументы:
Это событие запускается, когда событие DOM mousedown запускается для полилинии.
mousemove
function(event)
Аргументы:
Это событие запускается, когда событие DOM mousemove запускается на полилинии.
mouseout
function(event)
Аргументы:
Это событие запускается при выходе из мыши Polyline.
mouseover
function(event)
Аргументы:
Это событие запускается при наведении курсора мыши на полилинию.
mouseup
function(event)
Аргументы:
Это событие запускается, когда событие DOM mouseup запускается на полилинии.
rightclick
function(event)
Аргументы:
Это событие запускается, когда полилиния щелкается правой кнопкой мыши.

Интерфейс PolylineOptions

google.maps . PolylineOptions Интерфейс google.maps . PolylineOptions

Объект PolylineOptions, используемый для определения свойств, которые можно задать для полилинии.

clickable optional
Тип: boolean optional
По умолчанию: true
Указывает, обрабатывает ли эта Polyline события мыши.
draggable optional
Тип: boolean optional
По умолчанию: false
Если установлено значение true , пользователь может перетаскивать эту фигуру по карте. geodesic свойство определяет режим перетаскивания.
editable optional
Тип: boolean optional
По умолчанию: false
Если установлено значение true , пользователь может редактировать эту форму, перетаскивая контрольные точки, показанные в вершинах и на каждом сегменте.
geodesic optional
Тип: boolean optional
По умолчанию: false
Если задано true , края многоугольника интерпретируются как геодезические и будут следовать кривизне Земли. При false края полигона отображаются как прямые линии в пространстве экрана. Обратите внимание, что форма геодезического многоугольника может измениться при перетаскивании, поскольку размеры сохраняются относительно поверхности земли.
icons optional
Тип: Array < IconSequence > optional
Иконки, отображаемые вдоль полилинии.
map optional
Тип: Map optional
Карта, на которой отображается полилиния.
path optional
Тип: MVCArray < LatLng >| Array < LatLng | LatLngLiteral > optional
Упорядоченная последовательность координат ломаной. Этот путь может быть указан либо с помощью простого массива LatLng , либо с помощью MVCArray из LatLng . Обратите внимание, что если вы передаете простой массив, он будет преобразован в MVCArray Вставка или удаление LatLng в MVCArray автоматически обновит полилинию на карте.
strokeColor optional
Тип: string optional
Цвет обводки. Поддерживаются все цвета CSS3, кроме расширенных именованных цветов.
strokeOpacity optional
Тип: number optional
Непрозрачность обводки от 0,0 до 1,0.
strokeWeight optional
Тип: number optional
Ширина обводки в пикселях.
visible optional
Тип: boolean optional
По умолчанию: true
Видна ли эта полилиния на карте.
zIndex optional
Тип: number optional
ZIndex по сравнению с другими полисами.

Интерфейс IconSequence

google.maps . IconSequence Интерфейс google.maps . IconSequence

Описывает, как значки должны отображаться в строке.

Если ваша полилиния является геодезической, то расстояния, указанные как для смещения, так и для повторения, по умолчанию рассчитываются в метрах. Установка для смещения или повторения значения в пикселях приведет к тому, что расстояния будут рассчитываться в пикселях на экране.

fixedRotation optional
Тип: boolean optional
По умолчанию: false
Если true , каждый значок в последовательности имеет один и тот же фиксированный поворот независимо от угла края, на котором он лежит. Если false , каждый значок в последовательности поворачивается, чтобы выровняться с его краем.
icon optional
Тип: Symbol optional
Значок для отображения на линии.
offset optional
Тип: string optional
По умолчанию: '100%'
Расстояние от начала строки, на котором должна отображаться иконка. Это расстояние может быть выражено в процентах от длины строки (например, «50%») или в пикселях (например, «50px»).
repeat optional
Тип: string optional
По умолчанию: 0
Расстояние между последовательными значками в строке. Это расстояние может быть выражено в процентах от длины строки (например, «50%») или в пикселях (например, «50px»). Чтобы отключить повтор значка, укажите «0».

Класс многоугольника

google.maps . Polygon Класс google.maps . Polygon

Многоугольник (как и полилиния) определяет серию связанных координат в упорядоченной последовательности. Кроме того, многоугольники образуют замкнутый контур и определяют заполненную область. См. примеры в руководстве разработчика, начиная с простого многоугольника , многоугольника с отверстием и т. д. Обратите внимание, что вы также можете использовать слой данных для создания многоугольника. Слой данных предлагает более простой способ создания отверстий, поскольку он обрабатывает порядок внутренних и внешних путей за вас.

Этот класс расширяет MVCObject .

Получите доступ, вызвав const {Polygon} = await google.maps.importLibrary("maps") . См. Библиотеки в Maps JavaScript API .

Polygon
Polygon([opts])
Параметры:
Создайте многоугольник, используя переданный PolygonOptions , который определяет путь многоугольника, стиль обводки для краев многоугольника и стиль заливки для внутренних областей многоугольника. Многоугольник может содержать один или несколько путей, где каждый путь состоит из массива LatLng s. Вы можете передать массив LatLng или MVCArray LatLng при построении этих путей. Массивы преобразуются в MVCArray внутри полигона при создании экземпляра.
getDraggable
getDraggable()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, может ли пользователь перетаскивать эту фигуру.
getEditable
getEditable()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, может ли пользователь редактировать эту форму.
getMap
getMap()
Параметры: Нет
Возвращаемое значение: Map |null
Возвращает карту, к которой прикреплена эта фигура.
getPath
getPath()
Параметры: Нет
Возвращаемое значение: MVCArray < LatLng >
Получает первый путь.
getPaths
getPaths()
Параметры: Нет
Возвращаемое значение: MVCArray < MVCArray < LatLng >>
Извлекает пути для этого полигона.
getVisible
getVisible()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, виден ли этот полигон на карте.
setDraggable
setDraggable(draggable)
Параметры:
  • draggable : boolean
Возвращаемое значение: нет
Если установлено значение true , пользователь может перетаскивать эту фигуру по карте. geodesic свойство определяет режим перетаскивания.
setEditable
setEditable(editable)
Параметры:
  • editable : boolean
Возвращаемое значение: нет
Если установлено значение true , пользователь может редактировать эту форму, перетаскивая контрольные точки, показанные в вершинах и на каждом сегменте.
setMap
setMap(map)
Параметры:
  • map : Map optional
Возвращаемое значение: нет
Отрисовывает эту фигуру на указанной карте. Если для карты задано значение null , фигура будет удалена.
setOptions
setOptions(options)
Параметры:
Возвращаемое значение: нет
setPath
setPath(path)
Параметры:
Возвращаемое значение: нет
Устанавливает первый путь. См. PolygonOptions для более подробной информации.
setPaths
setPaths(paths)
Параметры:
Возвращаемое значение: нет
Устанавливает путь для этого полигона.
setVisible
setVisible(visible)
Параметры:
  • visible : boolean
Возвращаемое значение: нет
Скрывает этот полигон, если установлено значение false .
Унаследовано: addListener , bindTo , get , notify , set , setValues , unbind , unbindAll
click
function(event)
Аргументы:
Это событие запускается, когда событие щелчка DOM запускается для полигона.
contextmenu
function(event)
Аргументы:
Это событие запускается, когда событие контекстного меню DOM запускается для полигона.
dblclick
function(event)
Аргументы:
Это событие запускается, когда событие DOM dblclick запускается для полигона.
drag
function(event)
Аргументы:
Это событие повторяется, пока пользователь перетаскивает многоугольник.
dragend
function(event)
Аргументы:
Это событие запускается, когда пользователь перестает перетаскивать полигон.
dragstart
function(event)
Аргументы:
Это событие запускается, когда пользователь начинает перетаскивать многоугольник.
mousedown
function(event)
Аргументы:
Это событие запускается, когда событие DOM mousedown запускается для полигона.
mousemove
function(event)
Аргументы:
Это событие запускается, когда событие DOM mousemove запускается для полигона.
mouseout
function(event)
Аргументы:
Это событие запускается при выходе из мыши Polygon.
mouseover
function(event)
Аргументы:
Это событие запускается при наведении курсора мыши на полигон.
mouseup
function(event)
Аргументы:
Это событие запускается, когда событие DOM mouseup запускается для полигона.
rightclick
function(event)
Аргументы:
Это событие запускается, когда полигон щелкают правой кнопкой мыши.

Интерфейс PolygonOptions

google.maps . PolygonOptions Интерфейс google.maps . PolygonOptions

Объект PolygonOptions, используемый для определения свойств, которые можно задать для полигона.

clickable optional
Тип: boolean optional
По умолчанию: true
Указывает, обрабатывает ли этот Polygon события мыши.
draggable optional
Тип: boolean optional
По умолчанию: false
Если установлено значение true , пользователь может перетаскивать эту фигуру по карте. geodesic свойство определяет режим перетаскивания.
editable optional
Тип: boolean optional
По умолчанию: false
Если установлено значение true , пользователь может редактировать эту форму, перетаскивая контрольные точки, показанные в вершинах и на каждом сегменте.
fillColor optional
Тип: string optional
Цвет заливки. Поддерживаются все цвета CSS3, кроме расширенных именованных цветов.
fillOpacity optional
Тип: number optional
Непрозрачность заливки от 0.0 до 1.0
geodesic optional
Тип: boolean optional
По умолчанию: false
Если задано true , края многоугольника интерпретируются как геодезические и будут следовать кривизне Земли. При false края полигона отображаются как прямые линии в пространстве экрана. Обратите внимание, что форма геодезического многоугольника может измениться при перетаскивании, поскольку размеры сохраняются относительно поверхности земли.
map optional
Тип: Map optional
Карта, на которой отображать Polygon.
paths optional
Упорядоченная последовательность координат, обозначающая замкнутый контур. В отличие от полилиний, многоугольник может состоять из одного или нескольких путей. В результате свойство paths может указывать один или несколько массивов координат LatLng . Пути закрываются автоматически; не повторяйте первую вершину пути как последнюю вершину. Простые полигоны могут быть определены с использованием одного массива LatLng s. Более сложные многоугольники могут указывать массив массивов. Любые простые массивы преобразуются в MVCArray s. Вставка или удаление LatLng из MVCArray автоматически обновит полигон на карте.
strokeColor optional
Тип: string optional
Цвет обводки. Поддерживаются все цвета CSS3, кроме расширенных именованных цветов.
strokeOpacity optional
Тип: number optional
Непрозрачность обводки от 0,0 до 1,0
strokePosition optional
Тип: StrokePosition optional
По умолчанию: StrokePosition.CENTER
Положение удара.
strokeWeight optional
Тип: number optional
Ширина обводки в пикселях.
visible optional
Тип: boolean optional
По умолчанию: true
Виден ли этот полигон на карте.
zIndex optional
Тип: number optional
ZIndex по сравнению с другими полисами.

Интерфейс PolyMouseEvent

google.maps . PolyMouseEvent Интерфейс google.maps . PolyMouseEvent

Этот объект возвращается из событий мыши на полилиниях и полигонах.

Этот интерфейс расширяет MapMouseEvent .

edge optional
Тип: number optional
Индекс ребра внутри пути под курсором, когда произошло событие, если событие произошло в средней точке редактируемого многоугольника.
path optional
Тип: number optional
Индекс пути под курсором, когда произошло событие, если событие произошло в вершине, а полигон доступен для редактирования. В противном случае undefined .
vertex optional
Тип: number optional
Индекс вершины под курсором, когда произошло событие, если событие произошло в вершине, а полилиния или многоугольник доступны для редактирования. Если событие не происходит в вершине, значение равно undefined .
Унаследовано: domEvent , latLng
Унаследовано: stop

Класс прямоугольника

google.maps . Rectangle Класс google.maps . Rectangle

Наложение прямоугольника.

Этот класс расширяет MVCObject .

Получите доступ, вызвав const {Rectangle} = await google.maps.importLibrary("maps") . См. Библиотеки в Maps JavaScript API .

Rectangle
Rectangle([opts])
Параметры:
Создайте прямоугольник, используя переданные RectangleOptions , которые определяют границы и стиль.
getBounds
getBounds()
Параметры: Нет
Возвращаемое значение: LatLngBounds |null
Возвращает границы этого прямоугольника.
getDraggable
getDraggable()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, может ли пользователь перетаскивать этот прямоугольник.
getEditable
getEditable()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, может ли пользователь редактировать этот прямоугольник.
getMap
getMap()
Параметры: Нет
Возвращаемое значение: Map |null
Возвращает карту, на которой отображается этот прямоугольник.
getVisible
getVisible()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, виден ли этот прямоугольник на карте.
setBounds
setBounds(bounds)
Параметры:
Возвращаемое значение: нет
Устанавливает границы этого прямоугольника.
setDraggable
setDraggable(draggable)
Параметры:
  • draggable : boolean
Возвращаемое значение: нет
Если установлено значение true , пользователь может перетаскивать этот прямоугольник по карте.
setEditable
setEditable(editable)
Параметры:
  • editable : boolean
Возвращаемое значение: нет
Если установлено значение true , пользователь может редактировать этот прямоугольник, перетаскивая контрольные точки, показанные в углах и на каждом краю.
setMap
setMap(map)
Параметры:
  • map : Map optional
Возвращаемое значение: нет
Отрисовывает прямоугольник на указанной карте. Если для карты задано значение null , прямоугольник будет удален.
setOptions
setOptions(options)
Параметры:
Возвращаемое значение: нет
setVisible
setVisible(visible)
Параметры:
  • visible : boolean
Возвращаемое значение: нет
Скрывает этот прямоугольник, если установлено значение false .
Унаследовано: addListener , bindTo , get , notify , set , setValues , unbind , unbindAll
bounds_changed
function()
Аргументы: Нет
Это событие вызывается при изменении границ прямоугольника.
click
function(event)
Аргументы:
Это событие запускается, когда событие щелчка DOM запускается для прямоугольника.
contextmenu
function(event)
Аргументы:
Это событие запускается, когда событие контекстного меню DOM запускается для прямоугольника.
dblclick
function(event)
Аргументы:
Это событие запускается, когда событие DOM dblclick запускается для прямоугольника.
drag
function(event)
Аргументы:
Это событие повторно запускается, пока пользователь перетаскивает прямоугольник.
dragend
function(event)
Аргументы:
Это событие запускается, когда пользователь перестает перетаскивать прямоугольник.
dragstart
function(event)
Аргументы:
Это событие запускается, когда пользователь начинает перетаскивать прямоугольник.
mousedown
function(event)
Аргументы:
Это событие запускается, когда для прямоугольника запускается событие DOM mousedown.
mousemove
function(event)
Аргументы:
Это событие запускается, когда событие DOM mousemove запускается для прямоугольника.
mouseout
function(event)
Аргументы:
Это событие запускается при выходе из прямоугольника.
mouseover
function(event)
Аргументы:
Это событие запускается при наведении курсора мыши на прямоугольник.
mouseup
function(event)
Аргументы:
Это событие запускается, когда событие DOM mouseup запускается для прямоугольника.
rightclick
function(event)
Аргументы:
Это событие запускается, когда прямоугольник щелкают правой кнопкой мыши.

Интерфейс RectangleOptions

google.maps . RectangleOptions Интерфейс google.maps . RectangleOptions

Объект RectangleOptions, используемый для определения свойств, которые можно задать для прямоугольника.

bounds optional
Тип: LatLngBounds | LatLngBoundsLiteral optional
Границы.
clickable optional
Тип: boolean optional
По умолчанию: true
Указывает, обрабатывает ли этот Rectangle события мыши.
draggable optional
Тип: boolean optional
По умолчанию: false
Если установлено значение true , пользователь может перетаскивать этот прямоугольник по карте.
editable optional
Тип: boolean optional
По умолчанию: false
Если установлено значение true , пользователь может редактировать этот прямоугольник, перетаскивая контрольные точки, показанные в углах и на каждом краю.
fillColor optional
Тип: string optional
Цвет заливки. Поддерживаются все цвета CSS3, кроме расширенных именованных цветов.
fillOpacity optional
Тип: number optional
Непрозрачность заливки от 0.0 до 1.0
map optional
Тип: Map optional
Карта, на которой отображать прямоугольник.
strokeColor optional
Тип: string optional
Цвет обводки. Поддерживаются все цвета CSS3, кроме расширенных именованных цветов.
strokeOpacity optional
Тип: number optional
Непрозрачность обводки от 0,0 до 1,0
strokePosition optional
Тип: StrokePosition optional
По умолчанию: StrokePosition.CENTER
Положение удара.
strokeWeight optional
Тип: number optional
Ширина обводки в пикселях.
visible optional
Тип: boolean optional
По умолчанию: true
Виден ли этот прямоугольник на карте.
zIndex optional
Тип: number optional
ZIndex по сравнению с другими полисами.

Круговой класс

google.maps . Circle класс

Круг на поверхности Земли; также известный как «сферическая крышка».

Этот класс расширяет MVCObject .

Получите доступ, вызвав const {Circle} = await google.maps.importLibrary("maps") . См. Библиотеки в Maps JavaScript API .

Circle
Circle([circleOrCircleOptions])
Параметры:
Создайте круг, используя переданные CircleOptions , которые определяют центр, радиус и стиль.
getBounds
getBounds()
Параметры: Нет
Возвращаемое значение: LatLngBounds |null
Получает LatLngBounds этого круга.
getCenter
getCenter()
Параметры: Нет
Возвращаемое значение: LatLng |null
Возвращает центр этой окружности.
getDraggable
getDraggable()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, может ли пользователь перетаскивать этот круг.
getEditable
getEditable()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, может ли пользователь редактировать этот круг.
getMap
getMap()
Параметры: Нет
Возвращаемое значение: Map |null
Возвращает карту, на которой отображается этот круг.
getRadius
getRadius()
Параметры: Нет
Возвращаемое значение: number
Возвращает радиус этого круга (в метрах).
getVisible
getVisible()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, виден ли этот круг на карте.
setCenter
setCenter(center)
Параметры:
Возвращаемое значение: нет
Устанавливает центр этого круга.
setDraggable
setDraggable(draggable)
Параметры:
  • draggable : boolean
Возвращаемое значение: нет
Если установлено значение true , пользователь может перетаскивать этот круг по карте.
setEditable
setEditable(editable)
Параметры:
  • editable : boolean
Возвращаемое значение: нет
Если установлено значение true , пользователь может редактировать этот круг, перетаскивая контрольные точки, показанные в центре и по окружности круга.
setMap
setMap(map)
Параметры:
  • map : Map optional
Возвращаемое значение: нет
Отрисовывает круг на указанной карте. Если для карты задано значение null , круг будет удален.
setOptions
setOptions(options)
Параметры:
Возвращаемое значение: нет
setRadius
setRadius(radius)
Параметры:
  • radius : number
Возвращаемое значение: нет
Устанавливает радиус этого круга (в метрах).
setVisible
setVisible(visible)
Параметры:
  • visible : boolean
Возвращаемое значение: нет
Скрывает этот круг, если установлено значение false .
Унаследовано: addListener , bindTo , get , notify , set , setValues , unbind , unbindAll
center_changed
function()
Аргументы: Нет
Это событие запускается при изменении центра круга.
click
function(event)
Аргументы:
Это событие запускается, когда событие щелчка DOM запускается для круга.
dblclick
function(event)
Аргументы:
Это событие запускается, когда для круга запускается событие DOM dblclick.
drag
function(event)
Аргументы:
Это событие повторяется, пока пользователь перетаскивает круг.
dragend
function(event)
Аргументы:
Это событие запускается, когда пользователь перестает перетаскивать круг.
dragstart
function(event)
Аргументы:
Это событие запускается, когда пользователь начинает перетаскивать круг.
mousedown
function(event)
Аргументы:
Это событие запускается, когда для круга запускается событие DOM mousedown.
mousemove
function(event)
Аргументы:
Это событие запускается, когда для круга запускается событие DOM mousemove.
mouseout
function(event)
Аргументы:
Это событие запускается при выходе из мыши по кругу.
mouseover
function(event)
Аргументы:
Это событие запускается при наведении курсора мыши.
mouseup
function(event)
Аргументы:
Это событие запускается, когда событие DOM mouseup запускается для круга.
radius_changed
function()
Аргументы: Нет
Это событие вызывается при изменении радиуса круга.
rightclick
function(event)
Аргументы:
Это событие запускается при щелчке правой кнопкой мыши по кругу.

Интерфейс CircleOptions

google.maps . CircleOptions Интерфейс google.maps . CircleOptions

Объект CircleOptions, используемый для определения свойств, которые можно задать для Circle.

center optional
Тип: LatLng | LatLngLiteral optional
Центр Круга.
clickable optional
Тип: boolean optional
По умолчанию: true
Указывает, обрабатывает ли этот Circle события мыши.
draggable optional
Тип: boolean optional
По умолчанию: false
Если установлено значение true , пользователь может перетаскивать этот круг по карте.
editable optional
Тип: boolean optional
По умолчанию: false
Если установлено значение true , пользователь может редактировать этот круг, перетаскивая контрольные точки, показанные в центре и по окружности круга.
fillColor optional
Тип: string optional
Цвет заливки. Поддерживаются все цвета CSS3, кроме расширенных именованных цветов.
fillOpacity optional
Тип: number optional
Непрозрачность заливки от 0,0 до 1,0.
map optional
Тип: Map optional
Карта, на которой отображать Круг.
radius optional
Тип: number optional
Радиус в метрах на поверхности Земли.
strokeColor optional
Тип: string optional
Цвет обводки. Поддерживаются все цвета CSS3, кроме расширенных именованных цветов.
strokeOpacity optional
Тип: number optional
Непрозрачность обводки от 0,0 до 1,0.
strokePosition optional
Тип: StrokePosition optional
По умолчанию: StrokePosition.CENTER
Положение удара.
strokeWeight optional
Тип: number optional
Ширина обводки в пикселях.
visible optional
Тип: boolean optional
По умолчанию: true
Виден ли этот круг на карте.
zIndex optional
Тип: number optional
ZIndex по сравнению с другими полисами.

Константы StrokePosition

google.maps . StrokePosition Константы google.maps . StrokePosition

Возможные положения штриха на многоугольнике.

Получите доступ, вызвав const {StrokePosition} = await google.maps.importLibrary("maps") . См. Библиотеки в Maps JavaScript API .

CENTER Обводка центрируется на траектории многоугольника, при этом половина обводки находится внутри многоугольника, а половина обводки - вне многоугольника.
INSIDE Штрих лежит внутри многоугольника.
OUTSIDE Штрих лежит вне многоугольника.
,

Класс полилинии

google.maps . Polyline Класс google.maps . Polyline

Ломаная линия представляет собой линейное наложение соединенных сегментов линий на карту.

Этот класс расширяет MVCObject .

Получите доступ, вызвав const {Polyline} = await google.maps.importLibrary("maps") . См. Библиотеки в Maps JavaScript API .

Polyline
Polyline([opts])
Параметры:
Создайте полилинию, используя переданный параметр PolylineOptions , который указывает как путь полилинии, так и стиль обводки, используемый при рисовании полилинии. Вы можете передать либо массив LatLng s, либо MVCArray LatLng s при построении полилинии, хотя простые массивы преобразуются в MVCArray s внутри полилинии при создании экземпляра.
getDraggable
getDraggable()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, может ли пользователь перетаскивать эту фигуру.
getEditable
getEditable()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, может ли пользователь редактировать эту форму.
getMap
getMap()
Параметры: Нет
Возвращаемое значение: Map |null
Возвращает карту, к которой прикреплена эта фигура.
getPath
getPath()
Параметры: Нет
Возвращаемое значение: MVCArray < LatLng >
Получает путь.
getVisible
getVisible()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, виден ли этот полигон на карте.
setDraggable
setDraggable(draggable)
Параметры:
  • draggable : boolean
Возвращаемое значение: нет
Если установлено значение true , пользователь может перетаскивать эту фигуру по карте. geodesic свойство определяет режим перетаскивания.
setEditable
setEditable(editable)
Параметры:
  • editable : boolean
Возвращаемое значение: нет
Если установлено значение true , пользователь может редактировать эту форму, перетаскивая контрольные точки, показанные в вершинах и на каждом сегменте.
setMap
setMap(map)
Параметры:
  • map : Map optional
Возвращаемое значение: нет
Отрисовывает эту фигуру на указанной карте. Если для карты задано значение null , фигура будет удалена.
setOptions
setOptions(options)
Параметры:
Возвращаемое значение: нет
setPath
setPath(path)
Параметры:
Возвращаемое значение: нет
Задает путь. Дополнительные сведения см. в PolylineOptions .
setVisible
setVisible(visible)
Параметры:
  • visible : boolean
Возвращаемое значение: нет
Скрывает этот полигон, если установлено значение false .
Унаследовано: addListener , bindTo , get , notify , set , setValues , unbind , unbindAll
click
function(event)
Аргументы:
Это событие запускается, когда событие щелчка DOM запускается на полилинии.
contextmenu
function(event)
Аргументы:
Это событие запускается, когда событие контекстного меню DOM запускается на Poyline.
dblclick
function(event)
Аргументы:
Это событие запускается, когда событие DOM dblclick запускается для полилинии.
drag
function(event)
Аргументы:
Это событие повторяется, пока пользователь перетаскивает полилинию.
dragend
function(event)
Аргументы:
Это событие запускается, когда пользователь перестает перетаскивать полилинию.
dragstart
function(event)
Аргументы:
Это событие запускается, когда пользователь начинает перетаскивать полилинию.
mousedown
function(event)
Аргументы:
Это событие запускается, когда событие DOM mousedown запускается для полилинии.
mousemove
function(event)
Аргументы:
Это событие запускается, когда событие DOM mousemove запускается на полилинии.
mouseout
function(event)
Аргументы:
Это событие запускается при выходе из мыши Polyline.
mouseover
function(event)
Аргументы:
Это событие запускается при наведении курсора мыши на полилинию.
mouseup
function(event)
Аргументы:
Это событие запускается, когда событие DOM mouseup запускается на полилинии.
rightclick
function(event)
Аргументы:
Это событие запускается, когда полилиния щелкается правой кнопкой мыши.

Интерфейс PolylineOptions

google.maps . PolylineOptions Интерфейс google.maps . PolylineOptions

Объект PolylineOptions, используемый для определения свойств, которые можно задать для полилинии.

clickable optional
Тип: boolean optional
По умолчанию: true
Указывает, обрабатывает ли эта Polyline события мыши.
draggable optional
Тип: boolean optional
По умолчанию: false
Если установлено значение true , пользователь может перетаскивать эту фигуру по карте. geodesic свойство определяет режим перетаскивания.
editable optional
Тип: boolean optional
По умолчанию: false
Если установлено значение true , пользователь может редактировать эту форму, перетаскивая контрольные точки, показанные в вершинах и на каждом сегменте.
geodesic optional
Тип: boolean optional
По умолчанию: false
Если задано true , края многоугольника интерпретируются как геодезические и будут следовать кривизне Земли. При false края полигона отображаются как прямые линии в пространстве экрана. Обратите внимание, что форма геодезического многоугольника может измениться при перетаскивании, поскольку размеры сохраняются относительно поверхности земли.
icons optional
Тип: Array < IconSequence > optional
Иконки, отображаемые вдоль полилинии.
map optional
Тип: Map optional
Карта, на которой отображается полилиния.
path optional
Тип: MVCArray < LatLng >| Array < LatLng | LatLngLiteral > optional
Упорядоченная последовательность координат ломаной. Этот путь может быть указан либо с помощью простого массива LatLng , либо с помощью MVCArray из LatLng . Обратите внимание, что если вы передаете простой массив, он будет преобразован в MVCArray Вставка или удаление LatLng в MVCArray автоматически обновит полилинию на карте.
strokeColor optional
Тип: string optional
Цвет обводки. Поддерживаются все цвета CSS3, кроме расширенных именованных цветов.
strokeOpacity optional
Тип: number optional
Непрозрачность обводки от 0,0 до 1,0.
strokeWeight optional
Тип: number optional
Ширина обводки в пикселях.
visible optional
Тип: boolean optional
По умолчанию: true
Видна ли эта полилиния на карте.
zIndex optional
Тип: number optional
ZIndex по сравнению с другими полисами.

Интерфейс IconSequence

google.maps . IconSequence Интерфейс google.maps . IconSequence

Описывает, как значки должны отображаться в строке.

Если ваша полилиния является геодезической, то расстояния, указанные как для смещения, так и для повторения, по умолчанию рассчитываются в метрах. Установка для смещения или повторения значения в пикселях приведет к тому, что расстояния будут рассчитываться в пикселях на экране.

fixedRotation optional
Тип: boolean optional
По умолчанию: false
Если true , каждый значок в последовательности имеет один и тот же фиксированный поворот независимо от угла края, на котором он лежит. Если false , каждый значок в последовательности поворачивается, чтобы выровняться с его краем.
icon optional
Тип: Symbol optional
Значок для отображения на линии.
offset optional
Тип: string optional
По умолчанию: '100%'
Расстояние от начала строки, на котором должна отображаться иконка. Это расстояние может быть выражено в процентах от длины строки (например, «50%») или в пикселях (например, «50px»).
repeat optional
Тип: string optional
По умолчанию: 0
Расстояние между последовательными значками в строке. Это расстояние может быть выражено в процентах от длины строки (например, «50%») или в пикселях (например, «50px»). Чтобы отключить повтор значка, укажите «0».

Класс многоугольника

google.maps . Polygon Класс google.maps . Polygon

Многоугольник (как и полилиния) определяет серию связанных координат в упорядоченной последовательности. Кроме того, многоугольники образуют замкнутый контур и определяют заполненную область. См. примеры в руководстве разработчика, начиная с простого многоугольника , многоугольника с отверстием и т. д. Обратите внимание, что вы также можете использовать слой данных для создания многоугольника. Слой данных предлагает более простой способ создания отверстий, поскольку он обрабатывает порядок внутренних и внешних путей за вас.

Этот класс расширяет MVCObject .

Получите доступ, вызвав const {Polygon} = await google.maps.importLibrary("maps") . См. Библиотеки в Maps JavaScript API .

Polygon
Polygon([opts])
Параметры:
Создайте многоугольник, используя переданный PolygonOptions , который определяет путь многоугольника, стиль обводки для краев многоугольника и стиль заливки для внутренних областей многоугольника. Многоугольник может содержать один или несколько путей, где каждый путь состоит из массива LatLng s. Вы можете передать массив LatLng или MVCArray LatLng при построении этих путей. Массивы преобразуются в MVCArray внутри полигона при создании экземпляра.
getDraggable
getDraggable()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, может ли пользователь перетаскивать эту фигуру.
getEditable
getEditable()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, может ли пользователь редактировать эту форму.
getMap
getMap()
Параметры: Нет
Возвращаемое значение: Map |null
Возвращает карту, к которой прикреплена эта фигура.
getPath
getPath()
Параметры: Нет
Возвращаемое значение: MVCArray < LatLng >
Получает первый путь.
getPaths
getPaths()
Параметры: Нет
Возвращаемое значение: MVCArray < MVCArray < LatLng >>
Извлекает пути для этого полигона.
getVisible
getVisible()
Параметры: Нет
Возвращаемое значение: boolean значение
Возвращает, виден ли этот полигон на карте.
setDraggable
setDraggable(draggable)
Параметры:
  • draggable : boolean
Возвращаемое значение: нет
Если установлено значение true , пользователь может перетаскивать эту фигуру по карте. geodesic свойство определяет режим перетаскивания.
setEditable
setEditable(editable)
Параметры:
  • editable : boolean
Возвращаемое значение: нет
Если установлено значение true , пользователь может редактировать эту форму, перетаскивая контрольные точки, показанные в вершинах и на каждом сегменте.
setMap
setMap(map)
Параметры:
  • map : Map optional
Возвращаемое значение: нет
Отрисовывает эту фигуру на указанной карте. Если для карты задано значение null , фигура будет удалена.
setOptions
setOptions(options)
Параметры:
Возвращаемое значение: нет
setPath
setPath(path)
Параметры:
Возвращаемое значение: нет
Устанавливает первый путь. См. PolygonOptions для более подробной информации.
setPaths
setPaths(paths)
Параметры:
Возвращаемое значение: нет
Устанавливает путь для этого полигона.
setVisible
setVisible(visible)
Параметры:
  • visible : boolean
Возвращаемое значение: нет
Скрывает этот полигон, если установлено значение false .
Унаследовано: addListener , bindTo , get , notify , set , setValues , unbind , unbindAll
click
function(event)
Аргументы:
Это событие запускается, когда событие щелчка DOM запускается для полигона.
contextmenu
function(event)
Аргументы:
This event is fired when the DOM contextmenu event is fired on the Polygon.
dblclick
function(event)
Arguments:
This event is fired when the DOM dblclick event is fired on the Polygon.
drag
function(event)
Arguments:
This event is repeatedly fired while the user drags the polygon.
dragend
function(event)
Arguments:
This event is fired when the user stops dragging the polygon.
dragstart
function(event)
Arguments:
This event is fired when the user starts dragging the polygon.
mousedown
function(event)
Arguments:
This event is fired when the DOM mousedown event is fired on the Polygon.
mousemove
function(event)
Arguments:
This event is fired when the DOM mousemove event is fired on the Polygon.
mouseout
function(event)
Arguments:
This event is fired on Polygon mouseout.
mouseover
function(event)
Arguments:
This event is fired on Polygon mouseover.
mouseup
function(event)
Arguments:
This event is fired when the DOM mouseup event is fired on the Polygon.
rightclick
function(event)
Arguments:
This event is fired when the Polygon is right-clicked on.

PolygonOptions interface

google.maps . PolygonOptions interface

PolygonOptions object used to define the properties that can be set on a Polygon.

clickable optional
Type: boolean optional
Default: true
Indicates whether this Polygon handles mouse events.
draggable optional
Type: boolean optional
Default: false
If set to true , the user can drag this shape over the map. The geodesic property defines the mode of dragging.
editable optional
Type: boolean optional
Default: false
If set to true , the user can edit this shape by dragging the control points shown at the vertices and on each segment.
fillColor optional
Type: string optional
The fill color. All CSS3 colors are supported except for extended named colors.
fillOpacity optional
Type: number optional
The fill opacity between 0.0 and 1.0
geodesic optional
Type: boolean optional
Default: false
When true , edges of the polygon are interpreted as geodesic and will follow the curvature of the Earth. When false , edges of the polygon are rendered as straight lines in screen space. Note that the shape of a geodesic polygon may appear to change when dragged, as the dimensions are maintained relative to the surface of the earth.
map optional
Type: Map optional
Map on which to display Polygon.
paths optional
The ordered sequence of coordinates that designates a closed loop. Unlike polylines, a polygon may consist of one or more paths. As a result, the paths property may specify one or more arrays of LatLng coordinates. Paths are closed automatically; do not repeat the first vertex of the path as the last vertex. Simple polygons may be defined using a single array of LatLng s. More complex polygons may specify an array of arrays. Any simple arrays are converted into MVCArray s. Inserting or removing LatLng s from the MVCArray will automatically update the polygon on the map.
strokeColor optional
Type: string optional
The stroke color. All CSS3 colors are supported except for extended named colors.
strokeOpacity optional
Type: number optional
The stroke opacity between 0.0 and 1.0
strokePosition optional
Type: StrokePosition optional
The stroke position.
strokeWeight optional
Type: number optional
The stroke width in pixels.
visible optional
Type: boolean optional
Default: true
Whether this polygon is visible on the map.
zIndex optional
Type: number optional
The zIndex compared to other polys.

PolyMouseEvent interface

google.maps . PolyMouseEvent interface

This object is returned from mouse events on polylines and polygons.

This interface extends MapMouseEvent .

edge optional
Type: number optional
The index of the edge within the path beneath the cursor when the event occurred, if the event occurred on a mid-point on an editable polygon.
path optional
Type: number optional
The index of the path beneath the cursor when the event occurred, if the event occurred on a vertex and the polygon is editable. Otherwise undefined .
vertex optional
Type: number optional
The index of the vertex beneath the cursor when the event occurred, if the event occurred on a vertex and the polyline or polygon is editable. If the event does not occur on a vertex, the value is undefined .
Inherited: domEvent , latLng
Inherited: stop

Rectangle class

google.maps . Rectangle class

A rectangle overlay.

This class extends MVCObject .

Access by calling const {Rectangle} = await google.maps.importLibrary("maps") . See Libraries in the Maps JavaScript API .

Rectangle
Rectangle([opts])
Parameters:
Create a rectangle using the passed RectangleOptions , which specify the bounds and style.
getBounds
getBounds()
Parameters: None
Return Value: LatLngBounds |null
Returns the bounds of this rectangle.
getDraggable
getDraggable()
Parameters: None
Return Value: boolean
Returns whether this rectangle can be dragged by the user.
getEditable
getEditable()
Parameters: None
Return Value: boolean
Returns whether this rectangle can be edited by the user.
getMap
getMap()
Parameters: None
Return Value: Map |null
Returns the map on which this rectangle is displayed.
getVisible
getVisible()
Parameters: None
Return Value: boolean
Returns whether this rectangle is visible on the map.
setBounds
setBounds(bounds)
Parameters:
Return Value: None
Sets the bounds of this rectangle.
setDraggable
setDraggable(draggable)
Parameters:
  • draggable : boolean
Return Value: None
If set to true , the user can drag this rectangle over the map.
setEditable
setEditable(editable)
Parameters:
  • editable : boolean
Return Value: None
If set to true , the user can edit this rectangle by dragging the control points shown at the corners and on each edge.
setMap
setMap(map)
Parameters:
  • map : Map optional
Return Value: None
Renders the rectangle on the specified map. If map is set to null , the rectangle will be removed.
setOptions
setOptions(options)
Parameters:
Return Value: None
setVisible
setVisible(visible)
Parameters:
  • visible : boolean
Return Value: None
Hides this rectangle if set to false .
Inherited: addListener , bindTo , get , notify , set , setValues , unbind , unbindAll
bounds_changed
function()
Arguments: None
This event is fired when the rectangle's bounds are changed.
click
function(event)
Arguments:
This event is fired when the DOM click event is fired on the rectangle.
contextmenu
function(event)
Arguments:
This event is fired when the DOM contextmenu event is fired on the rectangle.
dblclick
function(event)
Arguments:
This event is fired when the DOM dblclick event is fired on the rectangle.
drag
function(event)
Arguments:
This event is repeatedly fired while the user drags the rectangle.
dragend
function(event)
Arguments:
This event is fired when the user stops dragging the rectangle.
dragstart
function(event)
Arguments:
This event is fired when the user starts dragging the rectangle.
mousedown
function(event)
Arguments:
This event is fired when the DOM mousedown event is fired on the rectangle.
mousemove
function(event)
Arguments:
This event is fired when the DOM mousemove event is fired on the rectangle.
mouseout
function(event)
Arguments:
This event is fired on rectangle mouseout.
mouseover
function(event)
Arguments:
This event is fired on rectangle mouseover.
mouseup
function(event)
Arguments:
This event is fired when the DOM mouseup event is fired on the rectangle.
rightclick
function(event)
Arguments:
This event is fired when the rectangle is right-clicked on.

RectangleOptions interface

google.maps . RectangleOptions interface

RectangleOptions object used to define the properties that can be set on a Rectangle.

bounds optional
The bounds.
clickable optional
Type: boolean optional
Default: true
Indicates whether this Rectangle handles mouse events.
draggable optional
Type: boolean optional
Default: false
If set to true , the user can drag this rectangle over the map.
editable optional
Type: boolean optional
Default: false
If set to true , the user can edit this rectangle by dragging the control points shown at the corners and on each edge.
fillColor optional
Type: string optional
The fill color. All CSS3 colors are supported except for extended named colors.
fillOpacity optional
Type: number optional
The fill opacity between 0.0 and 1.0
map optional
Type: Map optional
Map on which to display Rectangle.
strokeColor optional
Type: string optional
The stroke color. All CSS3 colors are supported except for extended named colors.
strokeOpacity optional
Type: number optional
The stroke opacity between 0.0 and 1.0
strokePosition optional
Type: StrokePosition optional
The stroke position.
strokeWeight optional
Type: number optional
The stroke width in pixels.
visible optional
Type: boolean optional
Default: true
Whether this rectangle is visible on the map.
zIndex optional
Type: number optional
The zIndex compared to other polys.

Circle class

google.maps . Circle class

A circle on the Earth's surface; also known as a "spherical cap".

This class extends MVCObject .

Access by calling const {Circle} = await google.maps.importLibrary("maps") . See Libraries in the Maps JavaScript API .

Circle
Circle([circleOrCircleOptions])
Parameters:
Create a circle using the passed CircleOptions , which specify the center, radius, and style.
getBounds
getBounds()
Parameters: None
Return Value: LatLngBounds |null
Gets the LatLngBounds of this Circle.
getCenter
getCenter()
Parameters: None
Return Value: LatLng |null
Returns the center of this circle.
getDraggable
getDraggable()
Parameters: None
Return Value: boolean
Returns whether this circle can be dragged by the user.
getEditable
getEditable()
Parameters: None
Return Value: boolean
Returns whether this circle can be edited by the user.
getMap
getMap()
Parameters: None
Return Value: Map |null
Returns the map on which this circle is displayed.
getRadius
getRadius()
Parameters: None
Return Value: number
Returns the radius of this circle (in meters).
getVisible
getVisible()
Parameters: None
Return Value: boolean
Returns whether this circle is visible on the map.
setCenter
setCenter(center)
Parameters:
Return Value: None
Sets the center of this circle.
setDraggable
setDraggable(draggable)
Parameters:
  • draggable : boolean
Return Value: None
If set to true , the user can drag this circle over the map.
setEditable
setEditable(editable)
Parameters:
  • editable : boolean
Return Value: None
If set to true , the user can edit this circle by dragging the control points shown at the center and around the circumference of the circle.
setMap
setMap(map)
Parameters:
  • map : Map optional
Return Value: None
Renders the circle on the specified map. If map is set to null , the circle will be removed.
setOptions
setOptions(options)
Parameters:
Return Value: None
setRadius
setRadius(radius)
Parameters:
  • radius : number
Return Value: None
Sets the radius of this circle (in meters).
setVisible
setVisible(visible)
Parameters:
  • visible : boolean
Return Value: None
Hides this circle if set to false .
Inherited: addListener , bindTo , get , notify , set , setValues , unbind , unbindAll
center_changed
function()
Arguments: None
This event is fired when the circle's center is changed.
click
function(event)
Arguments:
This event is fired when the DOM click event is fired on the circle.
dblclick
function(event)
Arguments:
This event is fired when the DOM dblclick event is fired on the circle.
drag
function(event)
Arguments:
This event is repeatedly fired while the user drags the circle.
dragend
function(event)
Arguments:
This event is fired when the user stops dragging the circle.
dragstart
function(event)
Arguments:
This event is fired when the user starts dragging the circle.
mousedown
function(event)
Arguments:
This event is fired when the DOM mousedown event is fired on the circle.
mousemove
function(event)
Arguments:
This event is fired when the DOM mousemove event is fired on the circle.
mouseout
function(event)
Arguments:
This event is fired on circle mouseout.
mouseover
function(event)
Arguments:
This event is fired on circle mouseover.
mouseup
function(event)
Arguments:
This event is fired when the DOM mouseup event is fired on the circle.
radius_changed
function()
Arguments: None
This event is fired when the circle's radius is changed.
rightclick
function(event)
Arguments:
This event is fired when the circle is right-clicked on.

CircleOptions interface

google.maps . CircleOptions interface

CircleOptions object used to define the properties that can be set on a Circle.

center optional
Type: LatLng | LatLngLiteral optional
The center of the Circle.
clickable optional
Type: boolean optional
Default: true
Indicates whether this Circle handles mouse events.
draggable optional
Type: boolean optional
Default: false
If set to true , the user can drag this circle over the map.
editable optional
Type: boolean optional
Default: false
If set to true , the user can edit this circle by dragging the control points shown at the center and around the circumference of the circle.
fillColor optional
Type: string optional
The fill color. All CSS3 colors are supported except for extended named colors.
fillOpacity optional
Type: number optional
The fill opacity between 0.0 and 1.0.
map optional
Type: Map optional
Map on which to display the Circle.
radius optional
Type: number optional
The radius in meters on the Earth's surface.
strokeColor optional
Type: string optional
The stroke color. All CSS3 colors are supported except for extended named colors.
strokeOpacity optional
Type: number optional
The stroke opacity between 0.0 and 1.0.
strokePosition optional
Type: StrokePosition optional
The stroke position.
strokeWeight optional
Type: number optional
The stroke width in pixels.
visible optional
Type: boolean optional
Default: true
Whether this circle is visible on the map.
zIndex optional
Type: number optional
The zIndex compared to other polys.

StrokePosition constants

google.maps . StrokePosition constants

The possible positions of the stroke on a polygon.

Access by calling const {StrokePosition} = await google.maps.importLibrary("maps") . See Libraries in the Maps JavaScript API .

CENTER The stroke is centered on the polygon's path, with half the stroke inside the polygon and half the stroke outside the polygon.
INSIDE The stroke lies inside the polygon.
OUTSIDE The stroke lies outside the polygon.