update layout

master
gman 6 months ago
parent b52cbcc85b
commit a75989c9ad

@ -26,7 +26,10 @@ export default defineConfig({
lang: 'ru', lang: 'ru',
} }
}, },
components: {} components: {
SiteTitle: './src/components/SiteTitle.astro',
Sidebar: './src/components/Sidebar.astro',
}
}), }),
react() react()
], ],

@ -0,0 +1,8 @@
---
import Default from "@astrojs/starlight/components/Sidebar.astro";
---
<Default><slot /></Default>
<small>
Титов Г. С. Практическое введение в веб&#8209;картографию. Москва, 2025.
</small>

@ -0,0 +1,7 @@
---
const { siteTitle, siteTitleHref } = Astro.locals.starlightRoute;
---
<a href={siteTitleHref} style="text-decoration: none; line-height: 1;color: var(--sl-color-text-accent);">Практическое введение<br/>в веб&#8209;картографию</a>

@ -1,5 +1,5 @@
import { defineCollection } from 'astro:content';
import { docsSchema } from '@astrojs/starlight/schema'; import { docsSchema } from '@astrojs/starlight/schema';
import { defineCollection } from 'astro:content';
export const collections = { export const collections = {
docs: defineCollection({ schema: docsSchema() }), docs: defineCollection({ schema: docsSchema() }),

@ -82,7 +82,3 @@ import Option from '../../components/Option.astro';
Веб-картография формируется на пересечении сетевых технологий, картографии и геоинформатики изучает особенности оборота пространственных данных в сетевой среде, включая хранение, кодирование, передачу, обработку данных, разработку веб-приложений и другие аспекты. Веб-картография формируется на пересечении сетевых технологий, картографии и геоинформатики изучает особенности оборота пространственных данных в сетевой среде, включая хранение, кодирование, передачу, обработку данных, разработку веб-приложений и другие аспекты.
</Card> </Card>
---
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.

@ -449,8 +449,4 @@ map.on('load', () => {
1. Что означает `container: 'map'` в коде `new maplibregl.Map({ container: 'map', ... })`? 1. Что означает `container: 'map'` в коде `new maplibregl.Map({ container: 'map', ... })`?
1. Какой метод библиотеки MapLibre позволяет добавить картографический слой на карту? 1. Какой метод библиотеки MapLibre позволяет добавить картографический слой на карту?
1. Какой тип слоя используется для отображения полигонов озёр? 1. Какой тип слоя используется для отображения полигонов озёр?
1. Какой текстовый формат пространственных данных может использоваться в качестве источника пространственных данных для библиотеки MapLibre? 1. Какой текстовый формат пространственных данных может использоваться в качестве источника пространственных данных для библиотеки MapLibre?
---
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.

@ -459,9 +459,5 @@ map.on("load", () => {
1. fetch() / Дока [[↗]](https://doka.guide/js/fetch/) 1. fetch() / Дока [[↗]](https://doka.guide/js/fetch/)
1. Promise / Дока [[↗]](https://doka.guide/js/promise/) 1. Promise / Дока [[↗]](https://doka.guide/js/promise/)
---
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.

@ -12,7 +12,7 @@ import { Card, FileTree, LinkCard, TabItem, Tabs } from '@astrojs/starlight/comp
- Flask - Flask
- CORS - CORS
В рамках практической части создадим карту индекса качества городской среды по базе данных SQLite с бэкендом на Python. В рамках практической части создадим карту индекса качества городской среды по базе данных SQLite с бэкендом на Python. При желании посмотрите [полный код](https://github.com/gtitov/flask-maplibre-map) и [возможный результат](https://gtitov.github.io/flask-maplibre-map/).
## Бэкенд ## Бэкенд
@ -353,9 +353,5 @@ map.on("load", () => {
## Чтение ## Чтение
1. Что такое CORS / Дока [ссылка](https://doka.guide/tools/cors/) 1. Что такое CORS / Дока [[↗]](https://doka.guide/tools/cors/)
1. Безопасность веб-приложений и распространённые атаки / Дока [ссылка](https://doka.guide/tools/web-security/) 1. Безопасность веб-приложений и распространённые атаки / Дока [[↗]](https://doka.guide/tools/web-security/)
---
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.

@ -493,10 +493,6 @@ document.getElementById("filter").addEventListener("input", (e) => {
## Чтение ## Чтение
1. TileJSON 3.0.0 / TileJSON [ссылка](https://github.com/mapbox/tilejson-spec/blob/master/3.0.0/README.md) 1. TileJSON 3.0.0 / TileJSON [[↗]](https://github.com/mapbox/tilejson-spec/blob/master/3.0.0/README.md)
1. Vector tiles standards / Mapbox [ссылка](https://docs.mapbox.com/data/tilesets/guides/vector-tiles-standards/) 1. Vector tiles standards / Mapbox [[↗]](https://docs.mapbox.com/data/tilesets/guides/vector-tiles-standards/)
---
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.

@ -16,7 +16,3 @@ draft: true
Сквозь призму практических упражнений мы рассмотрели основные принципы функционирования картографических веб-приложений. К сожалению, а, скорее, всё же к счастью, сфера веб-картографии крайне разнообразна. Освоенный вами материал станет опорой на любом из путей развития в сфере веб-картографии. Сквозь призму практических упражнений мы рассмотрели основные принципы функционирования картографических веб-приложений. К сожалению, а, скорее, всё же к счастью, сфера веб-картографии крайне разнообразна. Освоенный вами материал станет опорой на любом из путей развития в сфере веб-картографии.
---
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.

@ -122,8 +122,4 @@ SELECT ((SELECT ST_AsMVT(q,'lines3857_index',4096,'geom','fid') AS data FROM (SE
Проекция и пространственный индекс позволяют ускорить формирование тайлов, однако наибольший прирост производительности даёт *кэширование*, то есть сохранение результатов запросов. Проекция и пространственный индекс позволяют ускорить формирование тайлов, однако наибольший прирост производительности даёт *кэширование*, то есть сохранение результатов запросов.
Если данные меняются редко можно предварительно рассчитать тайлы. Для хранения используются форматы MBTiles и PMTiles. Если данные меняются редко можно предварительно рассчитать тайлы. Для хранения используются форматы MBTiles и PMTiles.
---
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.

@ -14,8 +14,4 @@ tableOfContents: false
9. **Muehlenhaus I.** Web Cartography: Map Design for Interactive and Mobile Devices. Boca Raton, FL: CRC Press, 2014. [[↗]](https://doi.org/10.1201/b16229) 9. **Muehlenhaus I.** Web Cartography: Map Design for Interactive and Mobile Devices. Boca Raton, FL: CRC Press, 2014. [[↗]](https://doi.org/10.1201/b16229)
10. **Neumann A.** Web Mapping and Web Cartography. In Springer Handbook of Geographic Information, edited by Wolfgang Kresse and David M. Danko, 27387. Berlin, Heidelberg: Springer Berlin Heidelberg, 2011. [[↗]](https://doi.org/10.1007/978-3-540-72680-7_14) 10. **Neumann A.** Web Mapping and Web Cartography. In Springer Handbook of Geographic Information, edited by Wolfgang Kresse and David M. Danko, 27387. Berlin, Heidelberg: Springer Berlin Heidelberg, 2011. [[↗]](https://doi.org/10.1007/978-3-540-72680-7_14)
11. **Myslenkov S., Samsonov T., Shurygina A. et al.** Wind waves web atlas of the russian seas // Water. — 2023. — Vol. 15, no. 11. — P. 2036. [[↗]](http://dx.doi.org/10.3390/w15112036) 11. **Myslenkov S., Samsonov T., Shurygina A. et al.** Wind waves web atlas of the russian seas // Water. — 2023. — Vol. 15, no. 11. — P. 2036. [[↗]](http://dx.doi.org/10.3390/w15112036)
12. ГОСТ Р 58570-2019. Инфраструктура Пространственных Данных. Общие Требования // Стандартинформ, 2019. [[↗]](https://docs.cntd.ru/document/1200168445) 12. ГОСТ Р 58570-2019. Инфраструктура Пространственных Данных. Общие Требования // Стандартинформ, 2019. [[↗]](https://docs.cntd.ru/document/1200168445)
---
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.

@ -19,8 +19,4 @@ tableOfContents: false
Каждая познакомит с устоявшимися подходами к созданию веб-карт. Каждая познакомит с устоявшимися подходами к созданию веб-карт.
Каждая является практичной заготовкой для решения собственных задач. Каждая является практичной заготовкой для решения собственных задач.
---
Титов Г. С. Практическое введение в веб-картографию. Москва, 2025.
Loading…
Cancel
Save