Пытаюсь инициализировать простейший пример Яндекс.Карты, но она отображается только в том случае, если
не заключена в мои div'ы...
Какая-то странная история...
Стоит написать:
<div id="my">
<p>Карта</p>
<div id="map"></div>
</div>
И карта перестает работать.
Ниже код страницы...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Примеры. Размещение карты на странице.</title>
<!--
Подключаем API карт
Если вы используете API локально, то в URL ресурса необходимо указывать протокол в стандартном виде (http://...)
-->
<script src="(http://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<script>
var myMap;
// Дождёмся загрузки API и готовности DOM.
ymaps.ready(init);
function init () {
// Создание экземпляра карты и его привязка к контейнеру с
// заданным id ("map").
myMap = new ymaps.Map('map', {
// При инициализации карты обязательно нужно указать
// её центр и коэффициент масштабирования.
center: [55.76, 37.64], // Москва
zoom: 10
}, {
searchControlProvider: 'yandex#search'
});
}
</script>
<style>
#my{
color:red;
}
#map {
width: 100%;
height: 90%;
}
</style>
</head>
<body>
<div id="my">
<p>Карта</p>
<div id="map"></div>
</div>
</body>
</html>
Надеюсь на помощь. Спасибо.
Простой
Простой