B
B
bossigorxxx2019-10-05 15:45:04
Yandex maps
bossigorxxx, 2019-10-05 15:45:04

How to set two cards Yandex cards?

Guys help! Can't match cards. Shows only one. I am attaching the code.

<!-- maps NN -->
  <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
  <script type="text/javascript">
  ymaps.ready(init);
   
  function init () {
    var myMap = new ymaps.Map("map-0", {
      // Центр карты, указываем коордианты
      center:[56.33155806842332,43.96801449999996],
      // Масштаб, тут все просто
      zoom: 17,
      // Включаем увеличение и уменьшение карты
      controls: ['zoomControl']
    }); 
         
    var myGeoObjects = [];
     
    // Наша метка, указываем коордианты
    myGeoObjects = new ymaps.Placemark([56.33155806842332,43.96801449999996],{
            balloonContentBody: 'г. Нижний Новгород ул. Стрелка, д. 4, оф. 210',
            },{
            iconLayout: 'default#image',
            // Путь до нашей картинки
            iconImageHref: '/i/pin.png', 
            // Размер по ширине и высоте
            iconImageSize: [77, 83],
            // Смещение левого верхнего угла иконки относительно
            // её «ножки» (точки привязки).
            iconImageOffset: [-38, -83]
    });
           
    var clusterer = new ymaps.Clusterer({
      clusterDisableClickZoom: false,
      clusterOpenBalloonOnClick: false,
    });
     
    clusterer.add(myGeoObjects);
    myMap.geoObjects.add(clusterer);
   
  }
  </script>  
<!-- //maps NN -->

<!-- maps Kirov -->
  <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
  <script type="text/javascript">
  ymaps.ready(init);
   
  function init () {
    var myMap = new ymaps.Map("map-1", {
      // Центр карты, указываем коордианты
      center:[58.5716805658895,49.60302049999994],
      // Масштаб, тут все просто
      zoom: 16,
      // Включаем увеличение и уменьшение карты
      controls: ['zoomControl']
    }); 
         
    var myGeoObjects = [];
     
    // Наша метка, указываем коордианты
    myGeoObjects = new ymaps.Placemark([58.5716805658895,49.60302049999994],{
            balloonContentBody: 'г. Киров, ул. Базовая, д. 4, оф. 21',
            },{
            iconLayout: 'default#image',
            // Путь до нашей картинки
            iconImageHref: '/i/pin.png', 
            // Размер по ширине и высоте
            iconImageSize: [77, 83],
            // Смещение левого верхнего угла иконки относительно
            // её «ножки» (точки привязки).
            iconImageOffset: [-38, -83]
    });
           
    var clusterer = new ymaps.Clusterer({
      clusterDisableClickZoom: false,
      clusterOpenBalloonOnClick: false,
    });
     
    clusterer.add(myGeoObjects);
    myMap.geoObjects.add(clusterer);
   
  }
  </script>  
<!-- //maps Kirov -->

Answer the question

In order to leave comments, you need to log in

2 answer(s)
A
Anton Neverov, 2019-10-05
@bossigorxxx

Do it by analogy:
There is no need to connect cards twice.

M
mahmudchon, 2019-10-05
@mahmudchon

1. There is no need to include the maps api JS file twice.
2. Attach the html code as well. do you have map-0 and map-1 on your page?
3. For both maps, you define and make 1 init() function call.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question