Как задать две карты яндекс карты?

Question

[bossigorxxx]

Парни помогите! Не могу совместить карты. Показывает только одна. Прилагаю код.

<!-- 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 1

[Антон Неверов]

Делайте по аналогии:


Дважды карты подключать не нужно.

Comments

[bossigorxxx]

Карты запустились! Но не показывает метки.. Их как то совместить надо в один код?

<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 myMap0 = new ymaps.Map("map-0", {
			// Центр карты, указываем коордианты
			center:[56.33155806842332,43.96801449999996],
			// Масштаб, тут все просто
			zoom: 17,
			// Включаем увеличение и уменьшение карты
			controls: ['zoomControl']});
		var myMap1 = new ymaps.Map("map-1", {
			// Центр карты, указываем коордианты
			center:[58.5716805658895,49.60302049999994],
			// Масштаб, тут все просто
			zoom: 16,
			// Включаем увеличение и уменьшение карты
			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]
		});

		// Наша метка, указываем коордианты
		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>

[Антон Неверов]

Вы в код посмотрите и сдавайте по аналогии. Головой подумайте, пожалуйста, а не слепо туда-сюда блоки переставляйте.

[bossigorxxx]

Антон Неверов, Я вас понимаю о чем Вы. Но ломаю голову 3 час) Не выходит. Разные варианты пробовал.. Нет меток.

Answer 2

[mahmudchon]

1. Дважды подключать JS файл api карт не нужно.
2. А html код приложите еще. map-0 и map-1 у вас на странице имеются?
3. Для обеих карт вы определяете и делаете 1 вызов функции init().

Comments

[bossigorxxx]

Пытался так делать не идет
2. А html код приложите еще. map-0 и map-1 у вас на странице имеются?
Это есть.. Но всеравно одна карта запускается.

<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]
    });
	
	    // Наша метка, указываем коордианты
    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>