Answer the question
In order to leave comments, you need to log in
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
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 questionAsk a Question
731 491 924 answers to any question