БЕСПЛАТНЫЕ карты для любого приложения - замените Google Maps уже СЕГОДНЯ

• Добавление пользовательской карты на веб-сайт может быть сложным и дорогим процессом.  

• Open Free Map предлагает бесплатный общедоступный тайловый сервер.  

• Тайловый сервер не требует ключей API и не хранит файлы cookie.  

• Тайловый сервер можно использовать бесплатно даже в коммерческих целях.  

• Hypernaut предоставляет репозиторий на GitHub для запуска собственного тайлового сервера.  

• Тайловый сервер работает с библиотекой Maplibre, которая является полностью открытой.  

• Видео содержит примеры кода для добавления Open Free Map и Maplibre в различные фреймворки.  

• Примеры включают Vanilla JS, React, Vue, Svelte и Leaflet.  

• Видео также рассказывает о краткой истории библиотек карт в JavaScript.  

• Браузер загружает библиотеку JavaScript для отображения карты.  

• Библиотека запрашивает фрагменты или векторы с сервера картографических листов.  

• Open Free Map предоставляет бесплатный сервер плиток, который предоставляет данные о карте.  

• Векторные плитки отображаются на холсте, а растровые плитки добавляются на страницу.  

• OpenStreetMap использует библиотеку Leaflet для добавления растровых плиток.  

• Процесс повторяется при перемещении пользователя по карте.  

• Сервисы, такие как Google Maps и Mapbox, взимают плату за каждый запрос библиотеки JavaScript.  

• Mapbox предлагает 50 бесплатных загрузок в месяц, но каждый запрос учитывается.  

• Maptiler Cloud предлагает пять сеансов в месяц, но условия использования могут быть разными.  

• Размещение серверов для картографических данных стоит денег.  

• Каждый запрос данных о плитках или векторах увеличивает затраты на пропускную способность.  

• Google Maps предлагает 1000 запросов на плитку за 60 долларов в месяц, что может быть дорого для больших проектов.  

• Mapbox предлагает 200 бесплатных запросов в месяц, что достаточно для большинства инди-проектов.  

• Для более востребованных приложений может потребоваться более щедрый уровень бесплатности.  

• Вопрос: как сделать это бесплатно?  

• Maplibre - бесплатная библиотека с открытым исходным кодом для загрузки карт на сайт.  

• Leaflet JS лучше работает с растровыми плитками, но есть плагины для векторных плиток.  

• OpenLayers поддерживает как растровые, так и векторные плитки.  

• Maplibre - форк библиотеки Mapbox с открытым исходным кодом.  

• В 2020 году Mapbox изменил лицензию, что привело к созданию Maplibre.  

• Maplibre поддерживается рабочей группой, включающей специалистов из различных компаний.  

• OpenStreetMap предоставляет бесплатный сервер растровых плиток с ограничениями.  

• OpenStreetMap - это картографическая википедия, где пользователи могут добавлять данные.  

• Важно не перегружать сервер, чтобы не мешать другим пользователям.  

• Mapbox и другие коммерческие поставщики предоставляют векторные плитки.  

• OpenFreeMap предоставляет бесплатные векторные плитки без ограничений.  

• Maptiler предлагает различные стили карт, которые можно использовать с Mapbox и Maplibre.  

• Maplibre имеет спецификацию стиля для описания внешнего вида карты.  

• Можно создавать и использовать собственные стили на основе OpenFreeMap.  

• Maputnik Editor позволяет изменять стили и размещать их в репозитории.  

• OpenFreeMap предоставляет руководство по началу работы с Maplibre.  

• Пример использования модулей JavaScript для работы с картами.  

• Приложение получает информацию о местоположении пользователя через бесплатный API.  

• Использование IP-адреса для определения местоположения пользователя.  

• Пример с использованием maplibregl для создания карты и всплывающего окна.  

• Необходимость локального HTTP-сервера для запуска примера.  

• Возможность добавления собственных стилей для карты.  

• Пример использования dark.json для обновления стилей карты.  

• Возможность переключения между темным и светлым режимами.  

• Пример использования maplibregl с Leaflet.  

• Необходимость добавления CSS для Leaflet и maplibregl.  

• Добавление слоя maplibregl на карту Leaflet.  

• Необходимость использования библиотеки-оболочки для front-end фреймворков.  

• Пример с React и использование библиотеки react-map-libre.  

• Декларативные компоненты для интеграции maplibregl в React.  

• Использование библиотеки maplibregl с View.  

• Пример с компонентом mgl-map и пользовательским компонентом "ты здесь".  

• Доступ к базовой карте maplibregl через контекст.  

• Определение местоположения пользователя и обновление значения штата.  

• Использование метода fly в базовом экземпляре maplibree map.  

• Применение декларативного компонента mgl popup для отображения всплывающего окна.  

• Использование библиотеки-оболочки svelte map libre.  

• Проблемы с компонентом всплывающих окон и их решение.  

• Применение пользовательского компонента you are here.  

• Проблемы с отображением текста во всплывающем окне.  

• Использование базового экземпляра map libre для динамического добавления объектов.  

• Рекомендации по использованию репозитория на GitHub для интеграции с map libre.  

• Обзор репозитория на GitHub с библиотеками и инструментами для map libre.  

• Призыв к использованию бесплатной карты open и поддержке Hypernaut.  

• Завершение видео и анонс следующего выпуска.