Класс полилинии
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() Параметры: Нет Получает путь. |
getVisible | getVisible() Параметры: Нет Возвращаемое значение: boolean значение Возвращает, виден ли этот полигон на карте. |
setDraggable | setDraggable(draggable) Параметры:
Возвращаемое значение: нет Если установлено значение true , пользователь может перетаскивать эту фигуру по карте. geodesic свойство определяет режим перетаскивания. |
setEditable | setEditable(editable) Параметры:
Возвращаемое значение: нет Если установлено значение true , пользователь может редактировать эту форму, перетаскивая контрольные точки, показанные в вершинах и на каждом сегменте. |
setMap | setMap(map) Параметры:
Возвращаемое значение: нет Отрисовывает эту фигуру на указанной карте. Если для карты задано значение null , фигура будет удалена. |
setOptions | setOptions(options) Параметры:
Возвращаемое значение: нет |
setPath | setPath(path) Параметры:
Возвращаемое значение: нет Задает путь. Дополнительные сведения см. в PolylineOptions . |
setVisible | setVisible(visible) Параметры:
Возвращаемое значение: нет Скрывает этот полигон, если установлено значение 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 запускается на полилинии. |
| 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() Параметры: Нет Получает первый путь. |
getPaths | getPaths() Параметры: Нет Извлекает пути для этого полигона. |
getVisible | getVisible() Параметры: Нет Возвращаемое значение: boolean значение Возвращает, виден ли этот полигон на карте. |
setDraggable | setDraggable(draggable) Параметры:
Возвращаемое значение: нет Если установлено значение true , пользователь может перетаскивать эту фигуру по карте. geodesic свойство определяет режим перетаскивания. |
setEditable | setEditable(editable) Параметры:
Возвращаемое значение: нет Если установлено значение true , пользователь может редактировать эту форму, перетаскивая контрольные точки, показанные в вершинах и на каждом сегменте. |
setMap | setMap(map) Параметры:
Возвращаемое значение: нет Отрисовывает эту фигуру на указанной карте. Если для карты задано значение null , фигура будет удалена. |
setOptions | setOptions(options) Параметры:
Возвращаемое значение: нет |
setPath | setPath(path) Параметры:
Возвращаемое значение: нет Устанавливает первый путь. См. PolygonOptions для более подробной информации. |
setPaths | setPaths(paths) Параметры: Возвращаемое значение: нет Устанавливает путь для этого полигона. |
setVisible | setVisible(visible) Параметры:
Возвращаемое значение: нет Скрывает этот полигон, если установлено значение 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 запускается для полигона. |
| 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 | Тип: MVCArray < MVCArray < LatLng >>| MVCArray < LatLng >| Array < Array < LatLng | LatLngLiteral >>| Array < LatLng | LatLngLiteral > 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) Параметры:
Возвращаемое значение: нет Если установлено значение true , пользователь может перетаскивать этот прямоугольник по карте. |
setEditable | setEditable(editable) Параметры:
Возвращаемое значение: нет Если установлено значение true , пользователь может редактировать этот прямоугольник, перетаскивая контрольные точки, показанные в углах и на каждом краю. |
setMap | setMap(map) Параметры:
Возвращаемое значение: нет Отрисовывает прямоугольник на указанной карте. Если для карты задано значение null , прямоугольник будет удален. |
setOptions | setOptions(options) Параметры:
Возвращаемое значение: нет |
setVisible | setVisible(visible) Параметры:
Возвращаемое значение: нет Скрывает этот прямоугольник, если установлено значение 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 запускается для прямоугольника. |
| 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) Параметры:
Возвращаемое значение: нет Если установлено значение true , пользователь может перетаскивать этот круг по карте. |
setEditable | setEditable(editable) Параметры:
Возвращаемое значение: нет Если установлено значение true , пользователь может редактировать этот круг, перетаскивая контрольные точки, показанные в центре и по окружности круга. |
setMap | setMap(map) Параметры:
Возвращаемое значение: нет Отрисовывает круг на указанной карте. Если для карты задано значение null , круг будет удален. |
setOptions | setOptions(options) Параметры:
Возвращаемое значение: нет |
setRadius | setRadius(radius) Параметры:
Возвращаемое значение: нет Устанавливает радиус этого круга (в метрах). |
setVisible | setVisible(visible) Параметры:
Возвращаемое значение: нет Скрывает этот круг, если установлено значение 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() Параметры: Нет Получает путь. |
getVisible | getVisible() Параметры: Нет Возвращаемое значение: boolean значение Возвращает, виден ли этот полигон на карте. |
setDraggable | setDraggable(draggable) Параметры:
Возвращаемое значение: нет Если установлено значение true , пользователь может перетаскивать эту фигуру по карте. geodesic свойство определяет режим перетаскивания. |
setEditable | setEditable(editable) Параметры:
Возвращаемое значение: нет Если установлено значение true , пользователь может редактировать эту форму, перетаскивая контрольные точки, показанные в вершинах и на каждом сегменте. |
setMap | setMap(map) Параметры:
Возвращаемое значение: нет Отрисовывает эту фигуру на указанной карте. Если для карты задано значение null , фигура будет удалена. |
setOptions | setOptions(options) Параметры:
Возвращаемое значение: нет |
setPath | setPath(path) Параметры:
Возвращаемое значение: нет Задает путь. Дополнительные сведения см. в PolylineOptions . |
setVisible | setVisible(visible) Параметры:
Возвращаемое значение: нет Скрывает этот полигон, если установлено значение 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 запускается на полилинии. |
| 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() Параметры: Нет Получает первый путь. |
getPaths | getPaths() Параметры: Нет Извлекает пути для этого полигона. |
getVisible | getVisible() Параметры: Нет Возвращаемое значение: boolean значение Возвращает, виден ли этот полигон на карте. |
setDraggable | setDraggable(draggable) Параметры:
Возвращаемое значение: нет Если установлено значение true , пользователь может перетаскивать эту фигуру по карте. geodesic свойство определяет режим перетаскивания. |
setEditable | setEditable(editable) Параметры:
Возвращаемое значение: нет Если установлено значение true , пользователь может редактировать эту форму, перетаскивая контрольные точки, показанные в вершинах и на каждом сегменте. |
setMap | setMap(map) Параметры:
Возвращаемое значение: нет Отрисовывает эту фигуру на указанной карте. Если для карты задано значение null , фигура будет удалена. |
setOptions | setOptions(options) Параметры:
Возвращаемое значение: нет |
setPath | setPath(path) Параметры:
Возвращаемое значение: нет Устанавливает первый путь. См. PolygonOptions для более подробной информации. |
setPaths | setPaths(paths) Параметры: Возвращаемое значение: нет Устанавливает путь для этого полигона. |
setVisible | setVisible(visible) Параметры:
Возвращаемое значение: нет Скрывает этот полигон, если установлено значение 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. |
| 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.
Properties | |
---|---|
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 | Type: MVCArray < MVCArray < LatLng >>| MVCArray < LatLng >| Array < Array < LatLng | LatLngLiteral >>| Array < LatLng | LatLngLiteral > 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 Default: StrokePosition.CENTER 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
.
Properties | |
---|---|
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 |
Methods | |
---|---|
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 .
Constructor | |
---|---|
Rectangle | Rectangle([opts]) Parameters:
Create a rectangle using the passed RectangleOptions , which specify the bounds and style. |
Methods | |
---|---|
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:
Return Value: None If set to true , the user can drag this rectangle over the map. |
setEditable | setEditable(editable) Parameters:
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:
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:
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. |
| 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.
Properties | |
---|---|
bounds optional | Type: LatLngBounds | LatLngBoundsLiteral 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 Default: StrokePosition.CENTER 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 .
Constructor | |
---|---|
Circle | Circle([circleOrCircleOptions]) Parameters:
Create a circle using the passed CircleOptions , which specify the center, radius, and style. |
Methods | |
---|---|
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:
Return Value: None If set to true , the user can drag this circle over the map. |
setEditable | setEditable(editable) Parameters:
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:
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:
Return Value: None Sets the radius of this circle (in meters). |
setVisible | setVisible(visible) Parameters:
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.
Properties | |
---|---|
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 Default: StrokePosition.CENTER 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 .
Constants | |
---|---|
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. |