Чтобы отобразить несколько Яндекс Карт на одной странице, нужно: 1
- Создать HTML-контейнер для каждого экземпляра карты. 1 У контейнеров должны быть уникальные идентификаторы (id). 1 Например, для размещения на одной странице карт Москвы и Санкт-Петербурга нужно создать два контейнера с id «ymaps-msc» и «ymaps-spb» соответственно. 1
- Создать объект YMaps.Map для каждого экземпляра карты и присвоить каждый объект переменной с уникальным именем. 1 Имена переменных и id контейнеров должны быть уникальными. 1 Например, переменной mapMsc присвоить объект карты Москвы, а mapSpb — Санкт-Петербурга. 1
- Задать начальные параметры отображения для каждой созданной карты. 1 Например, для карты Москвы установить центр на Красной площади, а для Санкт-Петербурга — на Дворцовой. 1 Уровень масштаба задать равным 10. 1
Также для вывода нескольких Яндекс Карт на странице можно использовать плагин Elementor и плагин Mihdan: Elementor Yandex Maps. 5