Yandex.maps several different maps on different pages, how to implement?

Question

API

Hello. I have such a task. It is necessary to make another center of the map on one page. I tried to create another object, but it didn't work. Even the marks are gone.

ymaps.ready(init);

function init () {
            var myMap = new ymaps.Map('map', {
                    center: [55.33339892, 37.3381344], 
                    zoom: 12
                });
        
      var mMap = new ymaps.Map('mainmap', {
                    center: [55.333338, 33.43333750], 
                    zoom: 12
                });		
        
      myMap.controls.add('zoomControl');
      mMap.controls.add('zoomControl');

      myPlacemark0 = new ymaps.Placemark([22222, 22222], { // Создаем метку с такими координатами и помещаем в переменную
        balloonContent: '<div class="map_address"><p>ул. Новая 20</p></div>' // сдесь содержимое балуна в формате html, все стили в css
      }, {
      iconImageHref: 'baloon.png', // картинка иконки
      iconImageSize: [62, 62], // размер иконки
      iconImageOffset: [-32, -64], // позиция иконки
      balloonContentSize: [270, 99], // размер нашего кастомного балуна в пикселях
      balloonLayout: "default#imageWithContent", // указываем что содержимое балуна кастомная 
      balloonImageHref: 's/baloon.png', // Картинка заднего фона балуна
      balloonImageOffset: [-32, -64], // смещание балуна, надо подогнать под стрелочку
      balloonImageSize: [61, 61], // размер картинки-бэкграунда балуна
      balloonShadow: false
    });
  
 
      // Создание метки 
      var myPlacemark = new ymaps.Placemark(
      // Координаты метки
      [11111, 1111]        
      );
 
    // Добавление метки на карту
    myMap.geoObjects.add(myPlacemark0);
     mMap.geoObjects.add(myPlacemark0);
  }

What could be wrong?

Answer 1

Exactly! Thank you!
Anyway, for some reason I have some kind of glitch)