Учебное пособие по CesiumJS
Карта на основе Mapbox в CesiumJS
Давайте добавим вашу любимую базовую карту в виртуальный 3D-глобус
CesiumJS - это библиотека JavaScript с открытым исходным кодом для создания трехмерных глобусов и карт мирового класса с максимально возможной производительностью, точностью, визуальным качеством и простотой использования. Если вы новичок в Cesium, ознакомьтесь с основным руководством по Cesium на https://cesium.com/docs.
В этой короткой статье показано, как добавить карту на основе Mapbox в веб-приложение CesiumJS. Давай начнем!
Шаг 1. Подготовьте ключ API Mapbox
Вы можете получить ключ API Mapbox, зарегистрировав учетную запись и получив токен доступа на странице https://account.mapbox.com/access-tokens/
Шаг 2. Выберите или создайте стиль Mapbox
- Выберите существующий официальный стиль Mapbox или создайте свой собственный стиль Mapbox
- После того, как вы получите желаемый стиль Mapbox, скопируйте идентификатор стиля.
Обычно вы получаете URL-адрес стиля Mapbox в следующем формате:
mapbox://styles/<User>/<Style ID> e.g. mapbox://styles/mapbox/streets-v11 (mapbox official) mapbox://styles/thunyathep/cklwtkdc25om317p66ibh77qe (my style)
Шаг 3. Добавление MapboxStyleImageryProvider в программу просмотра Cesium Viewer
В части JavaScript CesiumJS вы можете добавить карту на основе Mapbox в качестве поставщика изображений в раздел просмотра с подготовленным идентификатором стиля и токеном доступа.
Вот и все! Получайте удовольствие и наслаждайтесь! 🗺
Больше контента на plainenglish.io