Доброго времени суток!
Подскажите почему такое поведение :
Если заменить это:
#YMapsID {
width: 350px;
height: 300px;
}
на это:
body, div, html
{
height: 1000px;
width: 1000px;
}
то после пару кликов на myPlacemark он меняет стиль. Это БАГ?
код из http://api.yandex.ru/maps/jsbox/placemark_balloon (можно менять прям там):
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Примеры. Метка и балун-панель.</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<!-- Если вы используете API локально, то в URL ресурса необходимо указывать протокол в стандартном виде (http://...)-->
<script src="//api-maps.yandex.ru
<style type="text/css">
#YMapsID {
width: 350px;
height: 300px;
}
</style>
<script type="text/javascript">
ymaps.ready(function () {
var myMap = new ymaps.Map('YMapsID', {
center: [55.733835, 37.588227],
zoom: 12,
// Обратите внимание, что в API 2.1 по умолчанию карта создается с элементами управления.
// Если вам не нужно их добавлять на карту, в ее параметрах передайте пустой массив в поле controls.
controls: []
});
var myPlacemark = new ymaps.Placemark(myMap.getCenter(), {
balloonContentBody: [
'<address>',
'<strong>Офис Яндекса в Москве</strong>',
'<br/>',
'Адрес: 119021, Москва, ул. Льва Толстого, 16',
'<br/>',
'Подробнее: <a href="http://company.yandex.ru/
'</address>'
].join('')
}, {
preset: 'islands#redDotIcon'
});
myMap.geoObjects.add(myPlacemark);
});
</script>
</head>
<body>
<div class="hero-unit">
<div class="container">
<div id="YMapsID"></div>
</div>
</div>
</body>
</html>