Работа с CSS-стилями
в
Андрей Жуков
План доклада
● Немного о GeoServer
● CSS и SLD
● Точки
● Линии
● Полигоны
● Подписи
● Дополнительные инструменты
Немного о GeoServer
CSS и SLD
CSS и SLD
Что такое SLD?
●
Styled Layer Descriptor
●
Стандарт OGS
●
Синтаксис XML,
избыточный и трудно
читаемый
CSS и SLD
Что такое CSS?
●
GeoCSS, CSS с
расширением для
отрисовки карт
●
Простой, удобный,
легко читаемы
●
Не является стандартом
CSS и SLD
А зачем тогда использовать CSS?
Точки
Точки. Простой маркер
Точки. Простой маркер
Точки. Фильтр
Точки. Настройки.
Точки. Настройки.
Точки. Классы.
Полигоны
Полигоны. Символьная заливка.
Полигоны. Штриховка.
Полигоны. Заливка.
Полигоны. Использование Recode.
Полигоны. Использование Category.
Линии
Линии. Пунктир.
Линии. Дороги.
Подписи
Подписи. Основы.
Подписи. Закрепление.
Слева По центру Справа
Сверху 0.0 1.0 0.5 1.0 1.0 1.0
По центру 0.0 0.5 0.5 0.5 1.0 0.5
Снизу 0.0 0.0 0.5 0.0 1.0 0.0
Подписи. Отступы.
Подписи. Сложение+Линейные.
Подписи. Vendor-options.
http://docs.geoserver.org/latest/en/user/extensions/css/properties.html
-gt-label-fit-goodness
-gt-label-max-displacement
-gt-label-conflict-resolution
-gt-label-priority
-gt-label-padding
Растры
Растры. Основы.
Растры. Раскрасим.
Растры. Раскрасим поярче.
Растры. Почистим.
Растры. Настроим интервалы.
Растры. Другие опции.
Tips&Tricks
Tips&tricks. Тени.
Tips&tricks. Порядок дорог.
Tips&tricks. Математика.
mark-size: [5+((10-SCALERANK)/3)]
-gt-label-priority: [0 - LABELRANK]
Tips&tricks. Шрифты, WKT.
mark: symbol("ttf://Webdings#0x0064")
mark: symbol("wkt://MULTILINESTRING((-0.25
-0.25, -0.125 -0.25), (0.125 -0.25, 0.25 -0.25), (-
0.25 0.25, -0.125 0.25), (0.125 0.25, 0.25
0.25))")
a_v_zhukov@outlook.comАндрей Жуков
Спасибо за внимание!
● Вопросы?
● Предложения?
● Проклятия?
● Признания в любви?
Служба помощи по GeoServer:
Суббота, 18:40-19:20, Андрей Жуков
Воскресенье, 16:40-17:20, Владислав Филиппов

Работа с CSS-стилями в GeoServer

Editor's Notes

  • #2 <номер> Здравствуйте! Меня зовут Андрей Жуков, и сегодня я постараюсь вам рассказать про CSS-стили в GeoServer. Попробуем поработать по следующему сценарию…
  • #3 <номер> Для работы с CSS-стилями надо установить соответствующий плагин. И плагин, и туториал доступны на официальном сайте. Эта презентация – краткий экскурс, перевод туториала будет. CSS от ГеоСервера – ни в коем случае не CartoCSS. CSS транслируется в SLD. SLD – монструозный XML. Ненаглядный, неудобный, избыточный. CSS – изящен, прост и проще читается.
  • #4 <номер> Для работы с CSS-стилями надо установить соответствующий плагин. И плагин, и туториал доступны на официальном сайте. Эта презентация – краткий экскурс, перевод туториала будет. CSS от ГеоСервера – ни в коем случае не CartoCSS. CSS транслируется в SLD. SLD – монструозный XML. Ненаглядный, неудобный, избыточный. CSS – изящен, прост и проще читается.
  • #5 <номер> Для работы с CSS-стилями надо установить соответствующий плагин. И плагин, и туториал доступны на официальном сайте. Эта презентация – краткий экскурс, перевод туториала будет.
  • #6 <номер>
  • #7 <номер>
  • #8 <номер> А давайте посмотрим!
  • #9 <номер>
  • #10 <номер> 3 строчки в ЦСС – 22 в СЛД. Просто чтобы нарисовать кружки.
  • #11 <номер> Квадратики!
  • #12 <номер> Легко и просто фильтруется.
  • #13 <номер> Дополнительные параметры легко и просто настраиваются.
  • #14 <номер> Дополнительный псевдо-фильтр.
  • #15 <номер> Добавим классы ПОИ. Можно использовать функции!
  • #16 <номер>
  • #17 <номер> Можно закрасить и символами
  • #18 <номер> Или штрихами
  • #19 <номер> Классификация. Заливка – разная, линия – одинаковая.
  • #20 <номер> Можно закрасить и символами
  • #21 <номер> Можно закрасить и символами
  • #22 <номер>
  • #23 <номер> Пунктир?
  • #24 <номер> Дороги!
  • #25 <номер>
  • #26 <номер> Это просто
  • #27 <номер> Давайте подпишем объекты!
  • #28 <номер> Давайте подпишем объекты!
  • #29 <номер> Давайте подпишем объекты!
  • #30 <номер> Давайте подпишем объекты!
  • #31 <номер>
  • #32 <номер> Давайте добавим тени!
  • #33 <номер> Давайте добавим тени!
  • #34 <номер> ramp intervals values
  • #35 <номер> Давайте добавим тени!
  • #36 <номер> Давайте добавим тени!
  • #37 <номер> Давайте добавим тени!
  • #38 <номер>
  • #39 <номер> Давайте добавим тени!
  • #40 <номер> Мосты должны быть над туннелями!
  • #41 <номер> Так ведь симпатичнее!
  • #42 <номер> Так ведь симпатичнее!
  • #43 <номер>