Гибридный тайлесет Azure Maps необходимо объединить с другим слоем?

На чтение 3 мин Опубликовано 27.09.2024

Вопрос или проблема

Прямо к делу — как сделать «гибридную» спутниковую/дорожную карту, используя тайлы Azure Maps?

Я использую тайлы Azure Maps (https://learn.microsoft.com/en-us/rest/api/maps/render/get-map-tile?view=rest-maps-2024-04-01&tabs=HTTP). Пример использования разных TileSetID можно найти здесь (https://samples.azuremaps.com/third-party-map-controls/azure-maps-leaflet-options), но документированный список доступных тайловых наборов находится здесь: https://learn.microsoft.com/en-us/rest/api/maps/render/get-map-tile?view=rest-maps-2024-04-01&tabs=HTTP#tilesetid

Я использую как Leaflet, так и прямые вызовы к API получения тайлов карты, но результаты одинаковые. Я хочу иметь стандартную «гибридную» карту, на которой дороги наложены на аэрофотоснимки. Доступный гибридный тайловый набор microsoft.base.hybrid.road, похоже, представляет собой дороги на прозрачном фоне. Это также наблюдается на приведённом выше примере. В Leaflet я могу добавить несколько слоев тайлов, то есть сначала нарисовать тайловый набор microsoft.imagery, а затем нарисовать гибридный тайловый набор поверх него.

Но действительно ли это так должно работать? У меня возникла проблема в другом приложении, которое не использует Leaflet и вместо этого хочет сделать GET API вызов для конкретной единственной базовой карты. Разве Azure Maps не предоставляет отдельный стандартный гибридный тайловый набор?

Ответ или решение

Чтобы создать "гибридную" спутниковую/дорожную карту с использованием Azure Maps, следует понимать, что в текущей реализации Azure Maps не предоставляет готового комбинированного тайлсета, который бы автоматически объединял спутниковые изображения с дорожной разметкой. Вместо этого вам необходимо вручную наложить два различных тайлсета друг на друга.

Использование API Azure Maps: Основная идея заключается в том, чтобы сделать два отдельных запроса к API для получения необходимых тайлов. Вам нужно будет сначала загружать тайлы спутников из набора microsoft.imagery, а затем накладывать тайлы дорог из набора microsoft.base.hybrid.road. Это обеспечит правильное наложение дорожной разметки на спутниковые изображения.
Реализация с использованием Leaflet: Если вы используете Leaflet, вы можете создать два слоя. Первый слой будет представлять собой спутниковые изображения. После этого вы можете добавить второй слой, который будет представлять дорожное покрытие. Это позволит отображать дорожные линии поверх спутниковых изображений.

Пример реализации на Leaflet может выглядеть следующим образом:
```
var map = L.map('map').setView([latitude, longitude], zoomLevel);

// Спутниковый слой
var satelliteLayer = L.tileLayer('https://{s}.tiles.azure.com/{z}/{x}/{y}?subscription-key={your_subscription_key}&tilesetid=microsoft.imagery', {
   maxZoom: 20
}).addTo(map);

// Слой дорог
var roadLayer = L.tileLayer('https://{s}.tiles.azure.com/{z}/{x}/{y}?subscription-key={your_subscription_key}&tilesetid=microsoft.base.hybrid.road', {
   opacity: 0.8, // Можно настроить непрозрачность для лучшего восприятия
   maxZoom: 20
}).addTo(map);
```
Проблема с использованием GET API без Leaflet: Если ваше приложение не использует Leaflet и требует использования GET API для получения единого базового карты, потребуется обрабатывать отдельно полученные тайлы и накладывать их на клиентской стороне. Однако, если в вашей архитектуре это не реализуемо, будет сложно создать полноценный гетерогенный слой.
Заключение: К сожалению, в данный момент Azure Maps не предлагает отдельный стандартный тайлсет для "гибридной" карты, который бы объединял спутниковые изображения и дорожные разметки в один запрос. Процесс наложения тайлов будет зависеть от вашего приложения и среды.

Таким образом, для достижения желаемого результата вы можете воспользоваться подходом с двумя слоями и реализовать необходимое наложение, используя подходящие API и инструменты визуализации карты, такие как Leaflet. Обратите внимание, что при использовании API без среды визуализации придется управлять наложением самостоятельно.