master
gman 6 months ago
parent fabd6a67fc
commit 487df3e170

@ -41,12 +41,11 @@ export default defineConfig({
}, },
sidebar: [ sidebar: [
'index', 'index',
'1-webmapping', '1-web-map',
'2-webmap', '2-api',
'3-api', '3-backend',
'4-backend', '4-tiles',
'5-tiles', // 'what-next',
// '7-conclusion',
'99-references', '99-references',
{ {
label: 'Внеклассное чтение', label: 'Внеклассное чтение',

@ -2,7 +2,7 @@
title: Веб-карта title: Веб-карта
--- ---
import { Card, FileTree, LinkCard } from '@astrojs/starlight/components'; import { Card, FileTree, LinkCard, CardGrid } from '@astrojs/starlight/components';
import Question from '../../components/Question.astro'; import Question from '../../components/Question.astro';
import MultipleChoice from '../../components/MultipleChoice.astro'; import MultipleChoice from '../../components/MultipleChoice.astro';
import Option from '../../components/Option.astro'; import Option from '../../components/Option.astro';
@ -16,6 +16,7 @@ import Option from '../../components/Option.astro';
В рамках практической части создадим карту мира на основе GeoJSON-файлов с использованием открытой библиотеки MapLibre GL JS. При желании заранее посмотреть [полный код](https://github.com/gtitov/geojson-maplibre-map) и [возможный результат](https://gtitov.github.io/geojson-maplibre-map/). В рамках практической части создадим карту мира на основе GeoJSON-файлов с использованием открытой библиотеки MapLibre GL JS. При желании заранее посмотреть [полный код](https://github.com/gtitov/geojson-maplibre-map) и [возможный результат](https://gtitov.github.io/geojson-maplibre-map/).
<LinkCard title='Руки чешутся' href='#создание-первой-веб-карты' description='Сразу к практике'/>
## Карты в Интернете ## Карты в Интернете
@ -434,6 +435,13 @@ map.on('load', () => {
Такая карта удобна, когда немного данных, потому что мы всё переправляем пользователю данные как есть. Когда мы отправляем пользователю данные как есть, почти не требуется серверных мощностей, поэтому для таких карт есть варианты бесплатного размещения в Интернете. Такая карта удобна, когда немного данных, потому что мы всё переправляем пользователю данные как есть. Когда мы отправляем пользователю данные как есть, почти не требуется серверных мощностей, поэтому для таких карт есть варианты бесплатного размещения в Интернете.
*Перед тем как броситься на выполнение упражнений, полезно сделать паузу, выпить чаю и немного почитать*
<CardGrid>
<LinkCard title='Теоретическая база' href='/extra/web-mapping' description='Веб-картографирование и веб-картография'/>
{/* <LinkCard title='Исторический экскурс' href='/extra/brief-history' description='Краткая история веб-картографии'/> */}
</CardGrid>
## Упражнения ## Упражнения
1. Покрасьте Москву в красный цвет 1. Покрасьте Москву в красный цвет

@ -0,0 +1,7 @@
---
title: Краткая история веб-картографии
draft: true
sidebar:
order: 2
tableOfContents: false
---

@ -3,7 +3,7 @@ title: Как определить веб-карту
draft: true draft: true
tableOfContents: false tableOfContents: false
sidebar: sidebar:
order: 2 order: 3
--- ---
В университете я думал -- сделанная с помощью картографической библиотеки В университете я думал -- сделанная с помощью картографической библиотеки

@ -2,7 +2,7 @@
title: PostGIS title: PostGIS
tableOfContents: false tableOfContents: false
sidebar: sidebar:
order: 5 order: 6
--- ---
Связка Postgres + PostGIS -- это зарекомендовавшее себя открытое решение для работы с пространственными данными в сети. Связка Postgres + PostGIS -- это зарекомендовавшее себя открытое решение для работы с пространственными данными в сети.

@ -2,7 +2,7 @@
title: Тайлы векторные и растровые title: Тайлы векторные и растровые
tableOfContents: false tableOfContents: false
sidebar: sidebar:
order: 4 order: 5
--- ---
Нельзя сказать, что векторные тайлы легче, быстрее, производительнее, тем более лучше, чем растровые тайлы. Хотя некоторые авторы этим и грешат. Например, векторные тайлы, отображающие множество объектов с богатой атрибутикой, могут весит значительно больше растровых тайлов, а оформление векторных тайлов, тем более динамическое, может привести к замедлению отрисовки карты в браузере. Нельзя сказать, что векторные тайлы легче, быстрее, производительнее, тем более лучше, чем растровые тайлы. Хотя некоторые авторы этим и грешат. Например, векторные тайлы, отображающие множество объектов с богатой атрибутикой, могут весит значительно больше растровых тайлов, а оформление векторных тайлов, тем более динамическое, может привести к замедлению отрисовки карты в браузере.

@ -2,7 +2,7 @@
title: Производительность векторных тайлов title: Производительность векторных тайлов
tableOfContents: false tableOfContents: false
sidebar: sidebar:
order: 7 order: 8
--- ---
Формирование тайла представляет собой запрос кусочка из полного набора пространственных данных, его перепроецирование и кодирование в векторных тайл. Формирование тайла представляет собой запрос кусочка из полного набора пространственных данных, его перепроецирование и кодирование в векторных тайл.

@ -3,5 +3,5 @@ title: Как PostGIS формирует тайл
draft: true draft: true
tableOfContents: false tableOfContents: false
sidebar: sidebar:
order: 6 order: 7
--- ---

@ -2,7 +2,7 @@
title: Кроме веб-карт title: Кроме веб-карт
tableOfContents: false tableOfContents: false
sidebar: sidebar:
order: 1 order: 2
--- ---
Определения для продуктов веб-картографии можно получить, добавляя к традиционному определению ГИС, глобуса, атласа “**предназначенный для использования в Интернете**” или “в компьютерных сетях”. Определения для продуктов веб-картографии можно получить, добавляя к традиционному определению ГИС, глобуса, атласа “**предназначенный для использования в Интернете**” или “в компьютерных сетях”.

@ -1,16 +1,15 @@
--- ---
title: Веб-картографирование title: Веб-картографирование
sidebar:
order: 1
tableOfContents: false
--- ---
import { Card, LinkCard } from '@astrojs/starlight/components'; import MultipleChoice from '../../../components/MultipleChoice.astro';
import Question from '../../components/Question.astro'; import Option from '../../../components/Option.astro';
import MultipleChoice from '../../components/MultipleChoice.astro'; import { Card } from '@astrojs/starlight/components';
import Option from '../../components/Option.astro';
В этой главе мы совершим краткий теоретический обзор сферы веб-картографии
<LinkCard title='Руки чешутся' href='/2-webmap#создание-первой-веб-карты' description='Сразу перейти к практическому упражнению'/>
## Определение ## Определение
@ -48,7 +47,7 @@ import Option from '../../components/Option.astro';
Веб-технологии расширяют круг *выразительных средств*: появляется возможность использовать мультимедийные материалы (фото, аудио, видео), давать ссылки на другие веб-страницы, создавать интерактивные картографические анимации. Технически это реализуемо и на электронных картах, локально размещаемых на компьютере пользователя, однако активное использование новых выразительных средств характерно именно для веб-карт. Карта в веб-среде становится динамичной интерактивной моделью. Веб-технологии расширяют круг *выразительных средств*: появляется возможность использовать мультимедийные материалы (фото, аудио, видео), давать ссылки на другие веб-страницы, создавать интерактивные картографические анимации. Технически это реализуемо и на электронных картах, локально размещаемых на компьютере пользователя, однако активное использование новых выразительных средств характерно именно для веб-карт. Карта в веб-среде становится динамичной интерактивной моделью.
<Card title='Главная особенность веб-картографрования это'> <Card title='Главная особенность веб-картографирования это'>
<MultipleChoice> <MultipleChoice>
<Option> <Option>
интерактивность интерактивность
@ -73,7 +72,7 @@ import Option from '../../components/Option.astro';
Реальная практика показывает, что сфера интересов веб-картографии не ограничивается изучением процесса веб-картографирования. Это направление на пересечении картографии, геоинформатики и сетевых технологий. Реальная практика показывает, что сфера интересов веб-картографии не ограничивается изучением процесса веб-картографирования. Это направление на пересечении картографии, геоинформатики и сетевых технологий.
![alt text](../../assets/image-19.png) ![alt text](../../../assets/image-19.png)
Веб-картография изучает особенности оборота пространственных данных в сетевой среде. Так как эти особенности проявляются на всех этапах жизненного цикла веб-карты, то и в область интересов веб-картографии входит вся система создания-использования карт от сбора данных до чтения веб-карты пользователем. Внимание уделяется хранению, кодированию, передаче, обработке пространственных данных в сетевой среде, каталогизации и организации поиска пространственных данных, методологии разработки картографических веб-приложений, методам визуализации и интерактивного взаимодействия. Веб-картография изучает особенности оборота пространственных данных в сетевой среде. Так как эти особенности проявляются на всех этапах жизненного цикла веб-карты, то и в область интересов веб-картографии входит вся система создания-использования карт от сбора данных до чтения веб-карты пользователем. Внимание уделяется хранению, кодированию, передаче, обработке пространственных данных в сетевой среде, каталогизации и организации поиска пространственных данных, методологии разработки картографических веб-приложений, методам визуализации и интерактивного взаимодействия.

@ -2,7 +2,7 @@
title: Зум, детальность, масштаб title: Зум, детальность, масштаб
tableOfContents: false tableOfContents: false
sidebar: sidebar:
order: 3 order: 4
--- ---
Вопрос о сопоставлении уровня зума, детальности данных и масштаба карты можно отнести к дискуссионным. Однако в прикладных задачах можно следовать следующим соотношениям. Вопрос о сопоставлении уровня зума, детальности данных и масштаба карты можно отнести к дискуссионным. Однако в прикладных задачах можно следовать следующим соотношениям.

@ -0,0 +1,3 @@
---
title: Что мы прошли
---

@ -1,5 +1,5 @@
--- ---
title: Заключение title: А дальше
tableOfContents: false tableOfContents: false
draft: true draft: true
--- ---
@ -12,9 +12,11 @@ draft: true
</div> </div>
<br/><br/><br/> <br/><br/><br/>
Любая карта -- это инструмент для решения конкретной задачи. Знание того, какие карты бывают, позволяет принять взвешенное и разумное решение. Иногда нужно быстро показать, где расположена пара объектов. А иногда надо организовать эффективное отображение постоянно меняющихся полигонов по всему миру. Карта -- это инструмент для решения конкретной задачи. Иногда нужно быстро показать, где расположена пара объектов. А иногда надо организовать эффективное отображение постоянно меняющейся ситуации по всему миру.
Мы познакомились только с несколькими походами из большого разнообьразия. Зато эти подходы хорошо показывают принципы функционирование веб-карт. Понимание этих принципов даст возможность ориентироваться в многообразхии существуюзщих подходов, успешно осваивать новые подходы и осознанно их применять. Мы познакомились только с несколькими походами из большого разнообьразия. Зато эти подходы хорошо показывают принципы функционирование веб-карт.
Знание того, какие карты бывают, позволяет принять взвешенное и разумное решение. Понимание этих принципов даст возможность ориентироваться в многообразхии существуюзщих подходов, успешно осваивать новые подходы и осознанно их применять.
Сквозь призму практических упражнений мы рассмотрели основные принципы функционирования картографических веб-приложений. К сожалению, а, скорее, всё же к счастью, сфера веб-картографии крайне разнообразна. Освоенный вами материал станет опорой на любом из путей развития в сфере веб-картографии. Сквозь призму практических упражнений мы рассмотрели основные принципы функционирования картографических веб-приложений. К сожалению, а, скорее, всё же к счастью, сфера веб-картографии крайне разнообразна. Освоенный вами материал станет опорой на любом из путей развития в сфере веб-картографии.
Loading…
Cancel
Save