master
gman 6 months ago
parent 53c1d0e0e1
commit 15621cd4e8

@ -6,12 +6,9 @@ import react from '@astrojs/react';
// https://astro.build/config
export default defineConfig({
redirects: {
'/': '/chapters',
},
integrations: [
starlight({
title: 'Веб-картография',
title: 'Практическое введение в веб-картографию',
description: 'Веб-картография и веб-картографирование: практическое пособие',
head: [
{
@ -29,12 +26,6 @@ export default defineConfig({
lang: 'ru',
}
},
sidebar: [
{
label: 'Введение в веб-картографию',
autogenerate: { directory: 'chapters' },
}
],
components: {}
}),
react()

@ -0,0 +1,88 @@
---
title: Веб-картографирование
---
import { Card, LinkCard } from '@astrojs/starlight/components';
import Question from '../../components/Question.astro';
import MultipleChoice from '../../components/MultipleChoice.astro';
import Option from '../../components/Option.astro';
В этой главе мы совершим краткий теоретический обзор сферы веб-картографии
<LinkCard title='Руки чешутся' href='/2-webmap#создание-первой-веб-карты' description='Сразу перейти к практическому упражнению'/>
## Определение
Под веб-картографированием понимается создание карт для их распространения и использования во Всемирной сети. Веб-картографирование является одним из направлений геоинформационного картографирования. Суть веб-картографирования заключается в интеграции геоинформационных подходов к картографированию и сетевых технологий.
> Можно встретить и такие варианты употребления как «Интернет-картографирование», «WWW-картографирование», «телекоммуникационное картографирование», «web-картографирование». Однако в словаре их бы одарили меткой *устар.*
Появление большого числа картографических веб-ресурсов свидетельствует, что сетевые технологии являются одним из ключевых драйверов эволюции геоинформационной картографии.
## Особенности
Характерными чертами веб-картографирования являются:
1. Сетевая среда распространения
2. Интерактивность
3. Мультимасштабность
*Сетевая среда распространения* меняет подход к публикации картографических произведений. Карта генерируется для пользователя в момент запроса, поэтому обновление картографического содержания можно выполнять непрерывно без дополнительных действий пользователя. Например, изменение границ или переименование улиц не требует приобретения пользователем нового издания картографического произведения: если данные в картографическом произведении обновились, пользователь получит их при новом запросе.
Лучшие практики веб-разработки стимулируют активное использование *интерактивности* в картографическом произведении. Хотя возможности введения диалогового взаимодействия с картой появились на этапе компьютеризации картографии, по-настоящему доступной для широкого круга пользователей интерактивность карт стала именно с развитием Интернет-технологий. Пользователь по умолчанию ожидает возможности перемещения по карте, изменения масштаба, определения координат точки и получения дополнительной информации об объекте по клику. Часто веб-карта предоставляет и более широкие возможности, например, интерактивное изменение содержания карты, оформления слоёв, проекции, компоновки.
Одним из ключевых элементов интерактивности является функция изменения масштаба картографического изображения. Это требует от автора карты формирования *мультимасштабного* содержания или явного обозначения масштабов, которые соответствуют содержанию карты. Работа с мультимасштабным содержанием веб-карт должна начинаться на этапе проектирования.
Легко заметить соподчинённость выделенных особенностей. Веб-технологии позволяют вводить интерактивные элементы в содержание карты. Одним из ключевых интерактивных элементов веб-карт является возможность изменения масштаба, что обуславливает мультимасштабность наполнения карты.
Кроме того веб-картографирование характеризуют
4. Общедоступность
5. Сходство с программным обеспечением
6. Расширение выразительности
Веб-ресурсы во Всемирной сети обычно являются *общедоступными*: обратиться к ним может любой пользователь, имеющий выход в Интернет. Возможно ограничение доступа к веб-ресурсу, например с помощью системы авторизации, однако сохраняется принципиальная доступность при наличии соответствующих прав. Картографические произведения в Интернете не исключение. Коммерциализация веб-карт базируется не на платном доступе к содержанию, а на широком доступе аудитории к содержанию карты, которое можно монетизировать, например, с помощью рекламы.
На этапе проектирования картографического произведения проявляются черты, характерные для разработки *программного обеспечения* и информационных систем; составление карт сводится к написанию программного кода, который генерирует экземпляр карты для каждого пользователя; изданием картографического произведения становится его публикация на веб-сайте.
Веб-технологии расширяют круг *выразительных средств*: появляется возможность использовать мультимедийные материалы (фото, аудио, видео), давать ссылки на другие веб-страницы, создавать интерактивные картографические анимации. Технически это реализуемо и на электронных картах, локально размещаемых на компьютере пользователя, однако активное использование новых выразительных средств характерно именно для веб-карт. Карта в веб-среде становится динамичной интерактивной моделью.
<Card title='Главная особенность веб-картографрования это'>
<MultipleChoice>
<Option>
интерактивность
</Option>
<Option>
использование стандартов
</Option>
<Option isCorrect>
cетевая среда распространения
</Option>
</MultipleChoice>
<details>
<summary>Узнать ответ</summary>
Особенности веб-картографирования проистекают из сетевой среды распространения картографических материалов. Другими словами, сетевая среда распространения является ключевой особенностью веб-картографирования, а остальные производными от неё.
</details>
</Card>
## Веб-картография
Наличие характерных особенностей позволяет говорить о веб-картографировании как о специфической деятельности, требующей рассмотрения в рамках отдельного направления — веб-картографии.
Реальная практика показывает, что сфера интересов веб-картографии не ограничивается изучением процесса веб-картографирования. Это направление на пересечении картографии, геоинформатики и сетевых технологий.
![alt text](../../assets/image-19.png)
Веб-картография изучает особенности оборота пространственных данных в сетевой среде. Так как эти особенности проявляются на всех этапах жизненного цикла веб-карты, то и в область интересов веб-картографии входит вся система создания-использования карт от сбора данных до чтения веб-карты пользователем. Внимание уделяется хранению, кодированию, передаче, обработке пространственных данных в сетевой среде, каталогизации и организации поиска пространственных данных, методологии разработки картографических веб-приложений, методам визуализации и интерактивного взаимодействия.
<Card title="Короче">
Веб-картографирование — это создание карт для распространения и использования в Интернете. Оно характеризуется сетевой средой распространения и производными от этого особенностями, в частности интерактивностью и мультимасштабностью.
Веб-картография формируется на пересечении сетевых технологий, картографии и геоинформатики изучает особенности оборота пространственных данных в сетевой среде, включая хранение, кодирование, передачу, обработку данных, разработку веб-приложений и другие аспекты.
</Card>
---
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.

@ -3,9 +3,9 @@ title: Веб-карта
---
import { Card, FileTree, LinkCard } from '@astrojs/starlight/components';
import Question from '../../../components/Question.astro';
import MultipleChoice from '../../../components/MultipleChoice.astro';
import Option from '../../../components/Option.astro';
import Question from '../../components/Question.astro';
import MultipleChoice from '../../components/MultipleChoice.astro';
import Option from '../../components/Option.astro';
В этой главе мы рассмотрим
@ -14,24 +14,22 @@ import Option from '../../../components/Option.astro';
- клиент-серверную архитектуру
- HTML, CSS, JavaScript
В рамках практической части создадим карту мира на основе статических GeoJSON-файлов с использованием открытой библиотеки MapLibre.
В рамках практической части создадим карту мира на основе GeoJSON-файлов с использованием открытой библиотеки MapLibre GL JS. При желании заранее посмотреть [полный код](https://github.com/gtitov/geojson-maplibre-map) и [возможный результат](https://gtitov.github.io/geojson-maplibre-map/).
## Карты в Интернете
Любую ли карту в Интернете можно назвать веб-картой?
> Яндекс.Карты — конечно, да!
>
> Скан карты России, который я отправил по почте — пожалуй, нет.
>
> И между ними ещё огромное множество различных вариантов карт в Интернете.
Яндекс.Карты — да!
### Определение веб-карты
Скан карты России, который я отправил по почте — пожалуй, нет.
Цель размещения карты в сети определяет веб-карту.
И между ними ещё огромное множество различных вариантов карт в Интернете.
Файлам карт, передаваемым по сети, или размещаемым на сайтах, изображениям карт для печати, загрузки, иллюстрации, украшения будет отказано в праве называться веб-картой. А вот если карту разместили в Интернете для того, чтобы пользователи могли работать с ней по сети, то это веб-карта.
### Определение веб-карты
Веб-карту определяет цель размещения карты в сети. Если карту разместили в Интернете для того, чтобы пользователи могли работать с ней по сети, то это веб-карта. А файлы карт, передаваемые по сети или размещаемые на сайтах, изображения карт, используемые для оформления веб-страницы, веб-картами не являются.
<Card title="Веб-карта —">это карта, предназначенная для использования в сети</Card>
@ -44,7 +42,9 @@ import Option from '../../../components/Option.astro';
| неинтерактивные | карты-картинки | генераторы карт-картинок |
| интерактивные | "простые" веб-карты | картографические приложения |
Инерактивность подразумевает возможность пользователя перемещаться по карте, менять масштаб, получать подробную информацию по клику, скрывать слои, менять цвета и так далее. Неинтерактивные карты лишены этих возможностей. Но неинтерактивная карта будет веб-картой, если предназначена для использования в Интернете.
Интерактивность подразумевает возможность пользователя перемещаться по карте, менять масштаб, получать подробную информацию по клику, скрывать слои, менять цвета и так далее.
Неинтерактивные карты лишены этих возможностей. Но неинтерактивная карта будет веб-картой, если предназначена для использования в Интернете.
Статические веб-карты получают данные на клиент точно в том виде, в котором они хранятся на сервере, без какой-либо обработки. Из программного обеспечения требуется только веб-сервер, который будет принимать запросы от клиентов и возвращать в ответ файлы данных с сервера клиенту.
@ -52,13 +52,13 @@ import Option from '../../../components/Option.astro';
Интерактивность касается интерфейса и клиентской части, а деление на статические и динамические веб-карты связано с обработкой данных в серверной части.
<LinkCard title='Другие продукты веб-картографии' href='/chapters/7-extra#кроме-веб-карт' description='Геопорталы, картографические веб-сервисы, веб-атласы, веб-ГИС'/>
<LinkCard title='Другие продукты веб-картографии' href='/98-extra#кроме-веб-карт' description='Геопорталы, картографические веб-сервисы, веб-атласы, веб-ГИС'/>
## Клиент-серверная архитектура
Рассмотрим пример работы простого веб-ресурса.
Рассмотрим пример работы веб-ресурса.
![alt text](../../../assets/image-15.png)
![alt text](../../assets/image-15.png)
Пользователь вводит адрес запрашиваемого веб-ресурса в адресную строку браузера и нажимает клавишу Enter (1). Браузер инициирует и выполняет запрос к серверу на получение данных для создания веб-страницы (2). Сервер возвращает ответ (3). Из этого ответа браузер формирует веб-страницу, которую видит пользователь (4).
@ -74,17 +74,13 @@ import Option from '../../../components/Option.astro';
Первый запрос инициирует пользователь выполняет путём ввода адреса. Дальнейшие действия пользователя на веб-странице могут инициировать последующие запросы. Запрашиваться могут как веб-страницы целиком, так и отдельные данные для обновления содержания текущей веб-страницы. Если мы обновляем только часть содержания веб-страницы данными с сервера, то речь идёт об асинхронном запросе.
![*Запросы, выполняемые с веб-страницы*](../../../assets/network-tab.png)
![*Запросы, выполняемые с веб-страницы*](../../assets/network-tab.png)
*Запросы, выполняемые с веб-страницы*
Веб-карты тоже строятся на основе клиент-серверной архитектуры. Рассмотрим интерактивную статическую карту.
Веб-карты тоже строятся на основе клиент-серверной архитектуры. Рассмотрим интерактивную статическую карту (пока воображаемую).
Разметка, стили, логика (программный код) веб-карты, а также наборы пространственных данных веб-карты хранятся на сервере. Пользователь вводит адрес карты. Браузер запрашивает с сервера разметку веб-карты (html). Разметка приходит в браузер. Разметра содержит запросы к стилям и логике веб-карты. Логика веб-карты приходит в браузер и запрашивает наборы пространственных данных для создания веб-карты. Пространственные данные приходят [Взаимодействие с сервером закончено!] и кодом веб-карты превращаются в картографические слои.
{/* <Card title='В клиент-серверной архитектуре браузер это'>
<Question answer="клиент" ballast={['сервер', 'пользователь']} explanation="Пользователь использует браузер (клиент), чтобы выполнить запрос к серверу"/>
</Card> */}
Разметка, стили, логика (программный код) веб-карты, а также наборы пространственных данных веб-карты хранятся на сервере. Пользователь вводит адрес карты. Браузер запрашивает с сервера разметку веб-карты (html). Разметка приходит в браузер. Разметка содержит запросы к стилям и логике веб-карты. Логика веб-карты приходит в браузер и запрашивает наборы пространственных данных для создания веб-карты. Пространственные данные приходят [Взаимодействие с сервером закончено!] и кодом веб-карты превращаются в картографические слои.
<Card title='В клиент-серверной архитектуре браузер это'>
<MultipleChoice>
@ -200,7 +196,10 @@ const map = new maplibregl.Map({
```js title="main.js"
// Инициализируем карту
...
// ... этим многоточием отмечен код, который мы уже написали
// в случае сомнений всегда можно свериться с полным кодом веб-карты
// ссылка на него есть в конце упражнения
map.on('load', () => {
// Выполняется после загрузки карты
// Добавление источника данных
@ -419,7 +418,7 @@ map.on('load', () => {
Откроем вкладку Сеть в инструментах разработчика и ещё разок проследим поток данных
![geojson-network-tab](../../../assets/geojson-network-tab.png)
![geojson-network-tab](../../assets/geojson-network-tab.png)
1. Пользователь вводит адрес карты в браузере (в клиенте)
1. Клиент выполняет запрос к серверу по введённому адресу
@ -439,7 +438,17 @@ map.on('load', () => {
2. Выведите в попап один из атрибутов стран
3. Добавьте слой с границами озёр, установите им толщину в 2 пикселя
4. Замените курсор на перекрестие (`crosshair`) при расположении поверх стран
5. Офомление карты оставляет желать лучшего. Попробуйте оформить карту в соответствии с собственными представлениями о прекрасном.
## Контрольные вопросы
1. В каком файле описывается разметка веб-страницы?
1. Какой тег содержит ссылку на стили веб-страницы?
1. Что означает `container: 'map'` в коде `new maplibregl.Map({ container: 'map', ... })`?
1. Какой метод библиотеки MapLibre позволяет добавить картографический слой на карту?
1. Какой тип слоя используется для отображения полигонов озёр?
1. Какой текстовый формат пространственных данных может использоваться в качестве источника пространственных данных для библиотеки MapLibre?
---
Титов Г. С. Введение в веб-картографию / Веб-картография : учебные материалы. Москва, 2025.
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.

@ -1,11 +1,12 @@
---
title: API
draft: true
---
import { Card, FileTree, LinkCard, TabItem, Tabs } from '@astrojs/starlight/components';
import Question from '../../../components/Question.astro';
import MultipleChoice from '../../../components/MultipleChoice.astro';
import Option from '../../../components/Option.astro';
import Question from '../../components/Question.astro';
import MultipleChoice from '../../components/MultipleChoice.astro';
import Option from '../../components/Option.astro';
@ -26,7 +27,7 @@ API обычно переводят как прикладной программ
> ...клиент (браузер) обращается к серверу с запросом, сервер возвращает клиенту ответ
![alt text](../../../assets/image-16.png)
![alt text](../../assets/image-16.png)
Откуда браузер знает, куда обращаться? Мы написали. А откуда мы знаем? Мы знаем, потому что ожидаем, что при обращении к определённому *адресу* (URL) нам вернётся определённый ответ. Например, при обращении за файлом `style.css` мы получим стили.
@ -398,7 +399,7 @@ map.on("load", () => {
---
Титов Г. С. Введение в веб-картографию / Веб-картография : учебные материалы. Москва, 2025.
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.

@ -1,5 +1,6 @@
---
title: Бэкенд
draft: true
---
import { Card, FileTree, LinkCard, TabItem, Tabs } from '@astrojs/starlight/components';
@ -17,7 +18,7 @@ import { Card, FileTree, LinkCard, TabItem, Tabs } from '@astrojs/starlight/comp
Мы уже знаем, что веб-приложения можно разделить на клиентскую и серверную части. Разработку клиентской части называют фронтендом. Разработку серверной части называют бэкендом. Фронтенд общается с бэкендом через API. Бэкенд предоставляет метода API, а фронтенд к ним обращается.
![alt text](../../../assets/image-17.png)
![alt text](../../assets/image-17.png)
Когда происходит вызов метода API -- запрос определённого URL -- выполняется соответствующая серверная функция. Для программирования серверных функций могут использоваться различные языки программирования Python, Go, Rust и даже JavaScript (NodeJS).
@ -357,4 +358,4 @@ map.on("load", () => {
---
Титов Г. С. Введение в веб-картографию / Веб-картография : учебные материалы. Москва, 2025.
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.

@ -1,5 +1,6 @@
---
title: Тайлы
draft: true
---
import { Card, LinkCard } from "@astrojs/starlight/components";
@ -17,7 +18,7 @@ import { Card, LinkCard } from "@astrojs/starlight/components";
В прошлом упражнении мы сами разработали бэкенд для передачи пространственных данных из базы в браузер пользователю. Обычно для таких операций пользуются готовыми инструментами и устоявшимися подходами. Одним из таких подходов является применение тайлов.
![alt text](../../../assets/image-18.png)
![alt text](../../assets/image-18.png)
Пространственные данные могут быть большими по объёму. Если пользователь хочет посмотреть на веб-карту передавать ему гигабайты данных, мягко говоря, неоптимально. Это приведёт к длительной загрузке веб-страницы, избыточному трафику, медленной работе веб-карты или падению браузера.
@ -25,14 +26,14 @@ import { Card, LinkCard } from "@astrojs/starlight/components";
Стандартная система тайлов делит планету на квадраты X/Y для каждого уровня зума Z. Каждый тайл имеет индекс Z/X/Y. По этому индексу и выполняются запросы тайлов. Так формируется API сервиса векторных тайлов. Когда запрос выполняется, вызывается серверная функция, формирующая тайл, или возвращается заранее рассчитанный (кэшированный) тайл.
![zxy](../../../assets/zxy.png)
![zxy](../../assets/zxy.png)
*[By AsPJT](https://commons.wikimedia.org/w/index.php?curid=149301346)*
Тайл привязан к глобальной системе координат одной точкой, геометрии внутри тайла храняться во внутренней системе координат тайла. Тайлы бывают векторными и растровыми. В векторных тайлах содержание одного тайла составляют точки, линии и полигоны, [особым образом](https://docs.mapbox.com/data/tilesets/guides/vector-tiles-standards/#encoding-attributes) кодируются атрибуты. В растровых тайлах содержание одного тайла составляют пиксели.
Растровые тайлы можно использовать как для растровых данных, например, снимков, ЦМР, индексных изображений, так и для векторных, когда на тайлы будет нарезаться подготовленное изображение карты. Векторные тайлы, в большинстве случаев, оказываются удачным решением для векторных наборов данных.
<LinkCard title="Тайлы растровые и векторные" href="/chapters/7-extra/#тайлы-векторные-и-растровые" description="Что лучше 🤨"/>
<LinkCard title="Тайлы растровые и векторные" href="/chapters/98-extra/#тайлы-векторные-и-растровые" description="Что лучше 🤨"/>
## Использование тайлов
@ -56,23 +57,23 @@ import { Card, LinkCard } from "@astrojs/starlight/components";
Вместе с сервером базы данных устанавливается графический интерфейс для работы с базами данных PgAdmin 4.
![alt text](../../../assets/image.png)
![alt text](../../assets/image.png)
> При необходимости, его можно установить [отдельно](https://www.pgadmin.org/download/).
Через этот интерфейс мы создадим базу данных на нашем локальном сервере.
![alt text](../../../assets/image-1.png)
![alt text](../../assets/image-1.png)
Назовём базу данных `oikonyms`. Остальные параметры оставим по умолчанию.
![alt text](../../../assets/image-2.png)
![alt text](../../assets/image-2.png)
И добавим к созданной базе расширение `PostGIS`.
![alt text](../../../assets/image-3.png)
![alt text](../../assets/image-3.png)
![alt text](../../../assets/image-4.png)
![alt text](../../assets/image-4.png)
База пространственных данных создана. Пора её наполнить!
@ -86,27 +87,27 @@ import { Card, LinkCard } from "@astrojs/starlight/components";
Сделаем это через [QGIS](https://www.qgis.org/download/).
![alt text](../../../assets/image-5.png)
![alt text](../../assets/image-5.png)
Добавим слои на карту.
![alt text](../../../assets/image-6.png)
![alt text](../../assets/image-6.png)
Выполним подключение к базе данных.
![alt text](../../../assets/image-7.png)
![alt text](../../assets/image-7.png)
Назовём подключение `oikonyms-database`. Наша база размещена на локальном сервере `localhost`, занимает порт `5432`, а называется `oikonyms`. Используем базовую аутентификацию (Authentication - Basic), где укажем логин и пароль.
![alt text](../../../assets/image-8.png)
![alt text](../../assets/image-8.png)
Увидим нашу базу данных в списке подключений. Словом `public` обозначена схема базы данных, которую мы будем заполнять. Она создаётся для базы данных по умолчанию.
![alt text](../../../assets/image-9.png)
![alt text](../../assets/image-9.png)
Перенесём слои с карты в базу данных. Это можно сделать прямо из списка слоёв.
![alt text](../../../assets/image-10.png)
![alt text](../../assets/image-10.png)
Для проверки можно перенести наборы данных, загруженные в базу, на карту и посмотреть, как они выглядят.
@ -126,11 +127,11 @@ martin postgresql://postgres:password@localhost:5432/oikonyms
А в Windows приобетёт такой вид.
![alt text](../../../assets/image-11.png)
![alt text](../../assets/image-11.png)
После успешного выполнения увидим это.
![alt text](../../../assets/image-12.png)
![alt text](../../assets/image-12.png)
На последней строчке увидим, что каталог слоёв доступен по адресу `http://0.0.0.0:3000/catalog`, то есть по IP адресам компьютера. Мы воспользуемся нашим любимым `localhost` (другие обычно и недоступны).
@ -148,7 +149,7 @@ martin postgresql://postgres:password@localhost:5432/oikonyms
При добавлении слоя указываем `source-layer` -- векторный тайл может содержать несколько слоёв. В нашем случае слой только один, посмотреть мы на него можем в TileJSON описании `localhost:3000/grid`, где идентификаторы слоёв указываются в обязательном списке `vector_layers`.
![alt text](../../../assets/image-13.png)
![alt text](../../assets/image-13.png)
```js title=main.js {2, 8}
map.addSource("grid", {
@ -166,7 +167,7 @@ map.addLayer({
При добавлении источника вместо `url` TileJSON-файла мы можем указать `tiles` -- список адресов, по которому можно выполнять запросы к тайлам. Если мы указываем `url`, MapLibre самостоятельно находит этот список в TileJSON описании.
![alt text](../../../assets/image-14.png)
![alt text](../../assets/image-14.png)
```js title=main.js {3}
map.addSource("oikonyms", {
@ -497,5 +498,5 @@ document.getElementById("filter").addEventListener("input", (e) => {
---
Титов Г. С. Введение в веб-картографию / Веб-картография : учебные материалы. Москва, 2025.
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.

@ -9,9 +9,6 @@ draft: true
<p>Вести вас дальше тропкой строк</p>
<p>И много новых букв открыть.</p>
<p>Но погодим. Умерим прыть.</p>
<br/>
<p>Доктор Сьюз в переводe </p>
<p>Григория Кружкова</p>
</div>
<br/><br/><br/>
@ -21,5 +18,5 @@ draft: true
---
Титов Г. С. Введение в веб-картографию / Веб-картография : учебные материалы. Москва, 2025.
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.

@ -53,9 +53,9 @@ title: Внеклассное чтение
## Тайлы векторные и растровые
Нельзя сказать, что векторные тайлы легче, быстрее, производительнее, тем более лучше, чем растровые тайлы. Хотя некоторые авторы этим и грешат. Например, векторные тайлы, отображающие множество объектов с богатой атрибутикой, могут весит значительно больше растровых тайлов, а оформление векторных тайлов, тем более динамическая, может привести к замедлению отрисовки карты в браузере.
Нельзя сказать, что векторные тайлы легче, быстрее, производительнее, тем более лучше, чем растровые тайлы. Хотя некоторые авторы этим и грешат. Например, векторные тайлы, отображающие множество объектов с богатой атрибутикой, могут весит значительно больше растровых тайлов, а оформление векторных тайлов, тем более динамическое, может привести к замедлению отрисовки карты в браузере.
![vector-raster](../../../assets/vector-raster.gif)
![vector-raster](../../assets/vector-raster.gif)
Тайл привязан к глобальной системе координат одной точкой. Содержание тайла хранится во внутренней системе координат тайла. Для векторных тайлов это приводит к сложностям в объединении объектов, которые попадают в несколько тайлов сразу: их соединение требует использования вычислительно дорогих операций.
@ -126,4 +126,4 @@ SELECT ((SELECT ST_AsMVT(q,'lines3857_index',4096,'geom','fid') AS data FROM (SE
---
Титов Г. С. Введение в веб-картографию / Веб-картография : учебные материалы. Москва, 2025.
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.

@ -18,4 +18,4 @@ tableOfContents: false
---
Титов Г. С. Введение в веб-картографию / Веб-картография : учебные материалы. Москва, 2025.
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.

@ -1,93 +0,0 @@
---
title: Веб-картографирование
draft: true
---
import { Card, LinkCard } from '@astrojs/starlight/components';
import Question from '../../../components/Question.astro';
import MultipleChoice from '../../../components/MultipleChoice.astro';
import Option from '../../../components/Option.astro';
В этой главе мы совершим краткий *теоретический обзор* сферы веб-картографии
<LinkCard title='Руки чешутся' href='/chapters/2-webmap#создание-первой-веб-карты' description='Сразу перейти к практическому упражнению'/>
## Определение веб-картографирования
Под веб-картографированием понимается создание карт для их распространения и использования во Всемирной сети. Веб-картографирование является одним из направлений геоинформационного картографирования. Суть веб-картографирования заключается в интеграции геоинформационных подходов к картографированию и сетевых технологий.
> Можно встретить и такие варианты употребления как «Интернет-картографирование», «WWW-картографирование», «телекоммуникационное картографирование», «web-картографирование». Однако в словаре их бы одарили меткой *устар.*
Появление большого числа картографических веб-ресурсов свидетельствует, что сетевые технологии являются одним из ключевых драйверов эволюции геоинформационной картографии.
## Особенности веб-картографирования
Веб-картографирование наследует особенности геоинформационного картографирования и обладает собственными характерными чертами, к которым относятся:
1. Сетевая среда распространения
2. Интерактивность
3. Мультимасштабность
**Сетевая среда распространения** меняет подход к публикации картографических произведений. Карта генерируется для пользователя в момент запроса, поэтому обновление картографического содержания можно выполнять непрерывно без дополнительных действий пользователя. Например, изменение границ или переименование улиц не требует приобретения пользователем нового издания картографического произведения: если данные в картографическом произведении обновились, пользователь получит их при новом запросе.
Лучшие практики веб-разработки стимулируют активное использование **интерактивности** в картографическом произведении. Хотя возможности введения диалогового взаимодействия с картой появились на этапе компьютеризации картографии, по-настоящему доступной для широкого круга пользователей интерактивность карт стала именно с развитием Интернет-технологий. Пользователь по умолчанию ожидает возможности перемещения по карте, изменения масштаба, определения координат точки и получения дополнительной информации об объекте по клику. Часто веб-карта предоставляет и более широкие возможности, например, интерактивное изменение содержания карты, оформления слоёв, проекции, компоновки.
Одним из ключевых элементов интерактивности является функция изменения масштаба картографического изображения. Это требует от автора карты формирования **мультимасштабного** содержания или явного обозначения масштабов, которые соответствуют содержанию карты. Работа с мультимасштабным содержанием веб-карт должна начинаться на этапе проектирования.
Легко заметить соподчинённость выделенных особенностей. Веб-технологии способствуют вводу интерактивности в употребление. Активное использование интерактивности обуславливает мультимасштабность картографического содержания.
Кроме того веб-картографирование характеризуют
4. Общедоступность
5. Сходство с программным обеспечением
6. Расширение выразительности
Веб-ресурсы во Всемирной сети обычно являются **общедоступными**: обратиться к ним может любой пользователь, имеющий выход в Интернет. Возможно ограничение доступа к веб-ресурсу, например с помощью системы авторизации, однако сохраняется принципиальная доступность при наличии соответствующих прав. Картографические произведения в Интернете не исключение. Коммерциализация веб-карт базируется не на платном доступе к содержанию, а на широком доступе аудитории к содержанию карты, которое можно монетизировать, например, с помощью рекламы.
На этапе проектирования картографического произведения проявляются черты, характерные для разработки **программного обеспечения** и информационных систем; составление карт сводится к написанию программного кода, который генерирует экземпляр карты для каждого пользователя; изданием картографического произведения становится его публикация на веб-сайте.
Веб-технологии расширяют круг **выразительных средств**: появляется возможность использовать мультимедийные материалы (фото, аудио, видео), давать ссылки на другие веб-страницы, создавать интерактивные картографические анимации. Технически это реализуемо и на электронных картах, локально размещаемых на компьютере пользователя, однако активное использование новых выразительных средств характерно именно для веб-карт. Карта в веб-среде становится динамичной интерактивной моделью.
{/* <Card title='Главная особенность веб-картографрования это'>
<Question answer="cетевая среда распространения" ballast={['интерактивность', 'использование стандартов']} explanation="Особенности веб-картографирования проистекают из сетевой среды распространения картографических материалов"/>
</Card> */}
<Card title='Главная особенность веб-картографрования это'>
<MultipleChoice>
<Option>
интерактивность
</Option>
<Option>
использование стандартов
</Option>
<Option isCorrect>
cетевая среда распространения
</Option>
</MultipleChoice>
<details>
<summary>Развёрнутый ответ</summary>
Особенности веб-картографирования проистекают из сетевой среды распространения картографических материалов. Другими словами, сетевая среда распространения является ключевой особенностью веб-картографирования, а остальные производными от неё.
</details>
</Card>
## Веб-картография
Наличие характерных особенностей позволяет говорить о веб-картографировании как о специфической деятельности, требующей рассмотрения в рамках отдельного направления — веб-картографии.
Реальная практика показывает, что сфера интересов веб-картографии не ограничивается изучаением процесса веб-картографирования. Это направление на пересечении картографии, геоинформатики и сетевых технологий.
![alt text](../../../assets/image-19.png)
Веб-картография изучает особенности оборота пространственных данных в сетевой среде. Так как эти особенности проявляются на всех этапах жизненного цикла веб-карты, то и в область интересов веб-картографии входит вся система создания-использования карт от сбора данных до чтения веб-карты пользователем. Внимание уделяется хранению, кодированию, передаче, обработке пространственных данных в сетевой среде, каталогизации и организации поиска пространственных данных, методологии разработки картографических веб-приложений, методам визуализации и интерактивного взаимодействия.
<Card title="Короче">
Веб-картографирование — это создание карт для распространения и использования в Интернете. Оно характеризуется сетевой средой распространения и производными от этого особенностями, в частности интерактивностью и мультимасштабностью.
Веб-картография формируется на пересечении сетевых технологий, картографии и геоинформатики изучает особенности оборота пространственных данных в сетевой среде, включая хранение, кодирование, передачу, обработку данных, разработку веб-приложений и другие аспекты.
</Card>
---
Титов Г. С. Введение в веб-картографию / Веб-картография : учебные материалы. Москва, 2025.

@ -1,21 +0,0 @@
---
title: Введение
tableOfContents: false
draft: true
---
Введение в веб-картографию призвано дать читателю общую картину с акцентом на принципах работы и ключевых компонентах веб-карт.
```sh title="Пишем код"
Главный способ донесения информации -- практика
```
Мы создадим 4 функциональные веб-карты. Каждая из них является прекрасным шаблоном для решения собственных задач. Каждая карта сопровождается необходимым объёмом теоретических сведений для осознанного освоения практических навыков.
Освоение материала обеспечит надёжных фундамент для дальнейшего роста в сфере веб-картографии.
<!-- Опираясь на полученный опыт, мы зафиксируем походы к самостоятельной разработке веб-карт и пути дальнейшего развития в сфере веб-картографии. -->
---
Титов Г. С. Введение в веб-картографию / Веб-картография : учебные материалы. Москва, 2025.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 MiB

@ -0,0 +1,26 @@
---
title: Вступление
tableOfContents: false
---
Данное пособие призвано ввести читателя в сферу веб-картографию через практику. Мы будем акцентировать внимание на принципах работы веб-карт. Это позволит в короткие сроки освоить ключевые навыки, необходимые для веб-картографирования.
Книга будет полезна специалистам в области картографии, которые хотят выяснить, как работают карты в Интернете, и веб-разработчикам, которые хотят понять особенности картографических интерфейсов и пространственных данных.
Пособие базируется на курсе по веб-картографии, который регулярно читается в Картетике, и многолетнем опыте работы на пересечении картографии и веб-разработки.
```sh title="Пишем код"
Главный способ донесения информации --- практика
```
Основу пособия составляют практические упражнения. В каждом упражнении мы создадим функциональную веб-карту.
Каждая позволит на практике закрепить базовые принципы веб-картографирования.
Каждая познакомит с устоявшимися подходами к созданию веб-карт.
Каждая является практичной заготовкой для решения собственных задач.
---
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.
Loading…
Cancel
Save