Всем привет,я тут первый раз верстаю макет, на двух разных страницах есть карта яндекс. Но вторая карта не загружается, если удалить код из js первой карты, то вторая подгружается что не так?
var myMap1;
var myMap2;
ymaps.ready(init);
function init () {
myMap1 = new ymaps.Map("map1", {
center: [55.81254956891398,37.8328265],
zoom: 17,
controls: []
});
myMap2 = new ymaps.Map("map2", {
center: [59.92979687173394,30.37630978241727],
zoom: 15,
controls: ['zoomControl']
});
var myPlacemark2 = new ymaps.Placemark([59.92979956418111,30.37499549999999], {
hintContent: 'Экоковрики',
balloonContent: 'Санкт Петербург, пр. Бакунина 5,<br> офис 512.<br>Тел: +7 495 268 07 31'
},
{
preset: 'islands#redIcon'
});
myMap2.geoObjects.add(myPlacemark2);
};
первая страница
<section class="contacts">
<div class="container-fluid">
<div id="map1" style="width: 100%; height: 460px">
<div class="container-fluid">
<div class="row-fluid">
<div class="col-lg-6 col-lg-offset-6 col-md-6 col-md-offset-6 col-sm-6 col-sm-offset-6 col-xs-12 col-xs-offset-0 contacts-xs">
<div class="contacts-block">
<h2>Контакты</h2>
<a class="phone" href="tel:84952680731">+7 495 268-07-31</a>
<p class="desc">звонок по России бесплатный</p>
<a class="mail" href="mailto:[email protected]">E-mail: [email protected]</a>
<p class="time">Пн-Сб 9:00-18:30</p>
<p class="address">г. Москва, Щелковское шоссе д.100</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
вторая страница
<section class="contacts-page">
<div class="container">
<div class="contacts-content">
<h2>Контакты</h2>
<div class="address-block">
<p class="country">Россия</p>
<p class="address"><span>Санкт Петербург,</span>пр. Бакунина 5, офис 512.</p>
<a class="phone" href="tel:84952680731">Тел: +7 495 268 07 31</a>
</div>
<div class="map-block">
<div id="map2" style="width: 700px; height: 354px"></div>
</div>
<div class="requisites-block">
<h3>Реквизиты компании</h3>
</div>
</div>
</div>
</section>