Style~Стиль

import Style from 'ol/style/Style.js';

Контейнер для стилей отображения векторных объектов. Любые изменения, внесенные в стиль или его потомков с помощью set*() методов, не вступят в силу до тех пор, пока не будет повторно отрисовано свойство или слой, использующий данный стиль.

Стили объектов

Если стиль не определён, используется следующий стиль по умолчанию:

 import {Circle, Fill, Stroke, Style} from 'ol/style.js';

 const fill = new Fill({
   color: 'rgba(255,255,255,0.4)',
 });
 const stroke = new Stroke({
   color: '#3399CC',
   width: 1.25,
 });
 const styles = [
   new Style({
     image: new Circle({
       fill: fill,
       stroke: stroke,
       radius: 5,
     }),
     fill: fill,
     stroke: stroke,
   }),
 ];

Отдельный стиль редактирования имеет следующие значения по умолчанию:

 import {Circle, Fill, Stroke, Style} from 'ol/style.js';

 const styles = {};
 const white = [255, 255, 255, 1];
 const blue = [0, 153, 255, 1];
 const width = 3;
 styles['Polygon'] = [
   new Style({
     fill: new Fill({
       color: [255, 255, 255, 0.5],
     }),
   }),
 ];
 styles['MultiPolygon'] =
     styles['Polygon'];
 styles['LineString'] = [
   new Style({
     stroke: new Stroke({
       color: white,
       width: width + 2,
     }),
   }),
   new Style({
     stroke: new Stroke({
       color: blue,
       width: width,
     }),
   }),
 ];
 styles['MultiLineString'] = styles['LineString'];

 styles['Circle'] = styles['Polygon'].concat(
   styles['LineString']
 );

 styles['Point'] = [
   new Style({
     image: new Circle({
       radius: width * 2,
       fill: new Fill({
         color: blue,
       }),
       stroke: new Stroke({
         color: white,
         width: width / 2,
       }),
     }),
     zIndex: Infinity,
   }),
 ];
 styles['MultiPoint'] =
     styles['Point'];
 styles['GeometryCollection'] =
     styles['Polygon'].concat(
         styles['LineString'],
         styles['Point']
     );

новый Стиль(options) style/Style.js, строка 162

Имя	Тип	Описание
`geometry`	строка \| Геометрия \| Функция геометрии \| undefined	Свойство объекта, геометрия или функция, возвращающая геометрию для отрисовки с этим стилем.
`fill`	Заливка \| undefined	Стиль заливки.
`image`	Изображение \| undefined	Стиль изображения.
`renderer`	Функция отрисовки \| undefined	Пользовательский рендерер. Когда он настроен, `fill`, `stroke` и `image` будут проигнорированы, и предоставленная функция будет вызвана в каждом кадре отрисовки для каждой геометрии.
`hitDetectionRenderer`	Функция отрисовки \| undefined	Пользовательский рендерер для обнаружения нажатия. Если он предоставлен, он будет использован при обнаружении нажатия на элемент.
`stroke`	Обводка \| undefined	Стиль обводки.
`text`	Текст \| undefined	Стиль текста.
`zIndex`	число \| undefined	Индекс Z.

Методы

clone(){Стиль} style/Style.js, строка 236

Клонирует стиль.

Возвращает:

Клонированный стиль.

getFill(){Заполнение | null} style/Style.js, строка 320

Получить стиль заливки.

Возвращает:

Стиль заливки.

getGeometry(){string | Геометрия | ФункцияГеометрии | null} style/Style.js, строка 301

Получить геометрию для отрисовки.

Возвращает:

Свойство объекта, геометрию или функцию, возвращающую геометрию, которая будет отрисована с помощью этого стиля.

getGeometryFunction(){ФункцияГеометрии} style/Style.js, строка 311

Получить функцию, используемую для генерации геометрии для отрисовки.

Возвращает:

Функция, которая вызывается с объектом и возвращает геометрию для отрисовки вместо геометрии объекта.

getHitDetectionRenderer(){ФункцияОтрисовки | null} style/Style.js, строка 290

Получить пользовательскую функцию рендера, которая была настроена с помощью #setHitDetectionRenderer или опции конструктора hitDetectionRenderer.

Возвращает:

Пользовательская функция рендера.

getImage(){Изображение | null} style/Style.js, строка 338

Получить стиль изображения.

Возвращает:

Стиль изображения.

getRenderer(){ФункцияОтрисовки | null} style/Style.js, строка 260

Получить пользовательскую функцию рендера, которая была настроена с помощью #setRenderer или опции конструктора renderer.

Возвращает:

Пользовательская функция рендера.

getStroke(){Обводка | null} style/Style.js, строка 356

Получить стиль обводки.

Возвращает:

Стиль обводки.

getText(){Текст | null} style/Style.js, строка 374

Получить стиль текста.

Возвращает:

Стиль текста.

getZIndex(){число | undefined} style/Style.js, строка 392

Получить z-индекс для стиля.

Возвращает:

Z-индекс.

setFill(fill) style/Style.js, строка 329

Установить стиль заливки.

Имя	Тип	Описание
`fill`	Заполнение \| null	Стиль заливки.

setGeometry(geometry) style/Style.js, строка 404

Установить геометрию, которая будет отрисована вместо геометрии объекта.

Имя	Тип	Описание
`geometry`	строка \| Геометрия \| ФункцияГеометрии	Свойство объекта или геометрия или функция, возвращающая геометрию для отрисовки этим стилем.

setHitDetectionRenderer(renderer) style/Style.js, строка 280

Устанавливает пользовательскую функцию рендера для этого стиля, используемую в обнаружении нажатий.

Имя	Тип	Описание
`renderer`	ФункцияОтрисовки \| null	Пользовательская функция рендера.

setImage(image) style/Style.js, строка 347

Установить стиль изображения.

Имя	Тип	Описание
`image`	СтильИзображения	Стиль изображения.

setRenderer(renderer) style/Style.js, строка 270

Устанавливает пользовательскую функцию рендера для этого стиля. При установке опции fill, stroke и image стиля будут игнорироваться.

Имя	Тип	Описание
`renderer`	ФункцияОтрисовки \| null	Пользовательская функция рендера.

setStroke(stroke) style/Style.js, строка 365

Установите стиль обводки.

Имя	Тип	Описание
`stroke`	Обводка \| null	Стиль обводки.

setText(text) style/Style.js, строка 383

Установите стиль текста.

Имя	Тип	Описание
`text`	Текст	Стиль текста.

setZIndex(zIndex) style/Style.js, строка 429

Установите z-индекс.

Имя	Тип	Описание
`zIndex`	число \| undefined	Z-индекс.