Можно ли подключить две карты Яндекс с разными позициями в соседних блоках?

Question

[makcimusprime]

Как мне подключить две Яндекс карты в соседних блоках? Подключаю через конструктор. Вот пример (таких блоков два):

<div class="map">
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%XXX&amp;width=100%&amp;height=100%&amp;lang=ru_RU&amp;scroll=false"></script>
</div>

Проблема в том, что срабатывает последняя подключенная карта.
А когда подключаю через iframe, то не знаю как заблокировать скролл зум и драг карты. Есть ли какие нибудь параметры у iframe что мне помогут?

<iframe src="XXX" width="560" height="400" frameborder="0"></iframe>

Answer 1

[kn1ght_t]

<script src="http://api-maps.yandex.ru/2.0/?load=package.full&amp;lang=ru-RU" type="text/javascript"></script>
<script type="text/javascript">
  ymaps.ready(init);

  function init() {     
    var myMap = new ymaps.Map("map-1", {
        center: [56.830175456095785, 60.593889812164235], 
        zoom: 16
    });
    myMap.behaviors.disable('scrollZoom', 'drag'); 

    var myMap2 = new ymaps.Map("map-2", {
        center: [56.830175456095785, 60.593889812164235], 
        zoom: 16
    });
    myMap2.behaviors.disable('scrollZoom', 'drag'); 
  }
</script>

ну и соответственно 2 дива под карты:

<div id="map-1" style="height: 500px;"></div>
<div id="map-2" style="height: 500px;"></div>

Comments

[makcimusprime]

А я могу к этим картам добавить маршруты? Если да - то как и в какое место кода?

ymaps.route([
     'Королев',
     { type: 'viaPoint', point: 'Мытищи' },
     'Химки',
     { type: 'wayPoint', point: [55.811511, 37.312518] }
 ], {
     mapStateAutoApply: true
 }).then(function (route) {
     route.getPaths().options.set({
         // в балуне выводим только информацию о времени движения с учетом пробок
         balloonContentBodyLayout: ymaps.templateLayoutFactory.createClass('$[properties.humanJamsTime]'),
         // можно выставить настройки графики маршруту
         strokeColor: '0000ffff',
         opacity: 0.9
     });
     // добавляем маршрут на карту
     map.geoObjects.add(route);
 });

[kn1ght_t]

makcimusprime, у вас ведь в коде даже написано "добавляем маршрут на карту"
только "map" надо заменить надо на константы карт (в моем коде это myMap и myMap2)

[Moskus]

makcimusprime, это похоже уже на отдельный вопрос по Yandex maps API.
Прямой ответ на ваш исходный вопрос вам дали.

Answer 2

[SergejDudn]

Карту скорее лучше подключить через api яндекс карт
https://tech.yandex.ru/maps/doc/jsapi/2.1/quick-st...
И подключить можно несколько и настроить каждую как нужно