Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.11.2011, 14:58
Интересующийся
Отправить личное сообщение для Rembrant Посмотреть профиль Найти все сообщения от Rembrant
 
Регистрация: 04.11.2010
Сообщений: 14

Яндекс карта и наложение объектов
Вопрос в первую очередь к тем, кто работал с яндекс картами, но может и просто знатоки JS подскажут.
Есть html-страница, всю рабочую область которой занимает карта. Над картой должно быть пользовательское меню (рядом со стандартным), при определённых действиях карта закрывается тёмным фоном, над которым выводятся другие блоки.
Казалось бы всё просто.
Но не тут то было. После инициализации карта закрывает собой ВСЁ содержимое страницы, независимо от того, как я передвигаю или в каком порядке вставляю блоки в коде
Собственно вопрос - как можно рзместить хоть что-то над картой? (в ихней документации ответа не нашёл).
Привожу для примера простенький код и результат (тёмный фон должен быть над картой, но она его перекрывает)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
		<title>yandex-karta</title>
        <meta http-equiv="Content-Type" content="text/html; charset=cp-1251" />		
		<script src="/vk_api.min.js" type="text/javascript"></script>
       	<script src="http://api-maps.yandex.ru/1.1/index.xml?key=*******"
	type="text/javascript"></script>    	
		<script type="text/javascript">

		window.onload = function () {
            var map = new YMaps.Map(document.getElementById("YMapsID"));
            map.setCenter(new YMaps.GeoPoint(37.64, 55.76), 8);
			map.addControl(new YMaps.Zoom());								
		}

		</script>                
</HEAD>
<body> 
    <div id="YMapsID" style="position:absolute; left:20px; top:20px; width:400px; height:400px;"></div>
    <div id="fon" style="position:absolute; left:0px; top:0px;"> <!-- этот слой находится "выше" -->
    	<img src="img/33aa17a3.jpg" style="position:absolute; left:0px; top:0px; width:400px; height:400px;">
	</div>
</body>
</HTML>
Изображения:
Тип файла: jpg Безымянный.jpg (25.7 Кб, 7 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 08.11.2011, 15:04
Интересующийся
Отправить личное сообщение для griffonn Посмотреть профиль Найти все сообщения от griffonn
 
Регистрация: 05.11.2011
Сообщений: 15

а блоки местами поменять жалко?
Ответить с цитированием
  #3 (permalink)  
Старый 08.11.2011, 16:03
Интересующийся
Отправить личное сообщение для Rembrant Посмотреть профиль Найти все сообщения от Rembrant
 
Регистрация: 04.11.2010
Сообщений: 14

griffonn, я менял местами, пробовал добавлять блок с рисунком только по событию загрузки карты и т.п., это не помагает
нашёл такое решение:
<div id="fon" style="position:absolute; left:0px; top:0px; z-index: 999;">
Ответить с цитированием
  #4 (permalink)  
Старый 08.11.2011, 16:25
Интересующийся
Отправить личное сообщение для griffonn Посмотреть профиль Найти все сообщения от griffonn
 
Регистрация: 05.11.2011
Сообщений: 15

я думал про слои, но это только если яндекс тоже установили z-index
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Яндекс и Google у вас... greatilya Оффтопик 52 21.12.2011 15:19
Массив объектов или объект объектов vladlen Общие вопросы Javascript 19 30.10.2010 03:10
Быстрый поиск объектов Shasoft Общие вопросы Javascript 7 30.07.2009 05:28
Компании Яндекс нужен Разработчик интерфейсов Yandex Работа 5 01.05.2009 00:51
Прокручиваемая карта Андрей Параничев Элементы интерфейса 3 24.11.2008 09:59