Можно ли разместить 2 интерактивных карты на 1 странице?

На одной странице можно разместить неограниченное количество экземпляров карт.

Для этого необходимо для каждого экземпляра карты:

• создать html-контейнер (если планируется получать доступ к контейнерам по ID, то необходимо создавать контейнеры с уникальными ID);
• создать объект карты (YMaps.Map) и записывать его в переменную с уникальным именем;
• инициализировать карту.

Для примера создадим две карты на одной странице.

Создадим два контейнера, в которых будут отображаться карты. Обращаться к этим контейнерам будем по ID.

<p>Москваp>
<div id="YMapsID" style="width:500px;height:500px">div>

<p>Санкт-Петербургp>
<div id="YMapsID2" style="width:500px;height:500px">div>

Теперь создадим два экземляра класса YMaps.Map и инициализируем их с центром в Москве и Санкт-Петербурге соответственно.

// Создание первой карты с центром в Москве
var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);
map.setCenter(new YMaps.GeoPoint(37.609,55.753), 10);

// Создание второй карты с центром в Санкт-Петербурге
var map2 = new YMaps.Map(YMaps.jQuery("#YMapsID2")[0]);
map2.setCenter(new YMaps.GeoPoint(30.313,59.938), 10);