Добавление сервисов Яндекса

**ustus** » 20.01.2012 19:46

Пытаюсь прикрутить яндекс.карты на форум. Есть два файла. Один хтмл с самой страницей и ссылкой запросом координат, по клику на которой выскакивает карта, второй - пхп, который содержит скрипт, который и определяет кооориднаты. Но дело в том, что на форуме это не срабатывает. Вот такая ссылка

Код: Выделить всё

<a href="map.php?address=г.Нижний Новгород, ул. Большая Покровская, д. 13" title="Адрес" id="ymap1">г.Нижний Новгород, ул. Большая Покровская, д. 13</a>

отправляет запрос соответствующему файлу пхп, который и выводит карту. Я вот замаялся заставлять эту ссылку работать на форуме. Что делать то, народ? Не знаю куда писать уже

Возможно сам туплю и не вижу очевидного..

**rxu** » 20.01.2012 20:14

Как конкретно пытались сделать?

**ustus** » 20.01.2012 22:37

На одном из блогов по картам описывался способ вызова карты в фенси-окне с геокодированными данными. Т.е. ссылка служила запросом адреса, отправляла к php-файлу (map.php), который уже и производил определение координат (геокодирование) и отправлял ответ обратно. Т.е. в всплывающем окне уже появлялась карта с этим адресом.

Просто, вне форума все работает прекрасно - оба файла работают. А вот на форуме нет - появляется пустая страница. Что и где копать - понять не могу пока. Может сам где-то что-то упустил или чего-то не догоняю.

А вообще, думал выводить в темах на fancy-окошках карты от яндекс с определенными координатами и адресами, определяя их просто через бб-код.

Это html-файл:

Код: Выделить всё

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
 
<head>
<title>Карта</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://yandex.st/jquery/mousewheel/3.0.6/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="http://yandex.st/jquery/fancybox/1.3.4/jquery.fancybox.min.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="style.css" />
 
<script src="http://api-maps.yandex.ru/1.1/?key=AGWQBk8BAAAA4KqTYQIAqN08AYfkjuUg2enTQi2RN3B3k9AAAAAAAAAAAAC9rfn0ziSOCqavG61s1mG_LKS_-g==&modules=pmap" type="text/javascript"></script>
 
 
    <script type="text/javascript">
 
	$(document).ready(function() {
 
	$("a#example1").fancybox({
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});
 
	$("a#example2").fancybox({
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});
 
	$("a#example3").fancybox({
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});
 
	$("a#example4").fancybox({
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});
 
      $('#ymap1').fancybox({
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9
				
				
			});
 
	  $('#ymap2').fancybox({
				'opacity'		: true,
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'none'
			});
 
	  $('#ymap3').fancybox();
	  $('#ymap4').fancybox();
 
    })
 
	</script>
 
</head>
 
<body>
 
<a href="address=Москва, Ленина 140" title="ТЕСТ" id="ymap1">Москва, Ленина 140</a>

</body>
</html>

Это php-файл:

Код: Выделить всё

<?php 
 
if(isset($_GET['address'])) {$address = $_GET['address'];}
 
?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>На карте</title>
 
<style>
		* {
		margin: 0;
		padding: 0;
		}
</style>
 
 
    <script type="text/javascript">
        window.setTimeout(function () {
            var map = new YMaps.Map(document.getElementById("YMapsID"));
			
			map.addControl(new YMaps.MiniMap());			
			map.addControl(new YMaps.Zoom());	
			
			map.setType(YMaps.MapType.PMAP);
			
 
			// Создание объекта геокодера
            var geocoder = new YMaps.Geocoder("<?php echo $address; ?>", {geocodeProvider:"yandex#pmap"});
            // По завершению геокодирования инициализируем карту первым результатом
            YMaps.Events.observe(geocoder, geocoder.Events.Load, function (geocoder) {
                if (geocoder.length()) {
              map.setBounds(geocoder.get(0).getBounds());
			  map.setZoom(16)
 
           // Создание метки с всплывающей подсказкой
            var placemark = new YMaps.Placemark(map.getCenter(), {hasHint: 1});           
 
            // Добавление метки на карту
            map.addOverlay(placemark);
 
           placemark.openBalloon('<div style="text-align:center; width: 200px; "><strong><?php echo $address; ?></strong></div>'); 
 
                }
            });
}, 0);	
</script>
 
</head>
 
<body>
 
 <div id="YMapsID" style="width:700px;height:380px"></div>
 
</body>
</html>

**rxu** » 21.01.2012 7:26

А как эти два файла связаны друг с другом?

**ustus** » 21.01.2012 9:12

html-файл содержит саму страничку с ссылкой. php-файл - это файл api яндекс.карт, который и создает карту. Да они связаны. Один (хтмл) отправляет запрос, другой (пхп) определяет координаты. Просто разместите эти два файла на сервере и в ссылке поменяйте на любой адрес. В окошке появится географичекое местоположение.

**ustus** » 26.01.2012 1:05

Ну дак как? Есть идеи? Хотя тут поди на целый мод изменений и функционала..

Добавление сервисов Яндекса

Re: Добавление сервисов Яндекса

Re: Добавление сервисов Яндекса

Re: Добавление сервисов Яндекса

Re: Добавление сервисов Яндекса

Re: Добавление сервисов Яндекса

Re: Добавление сервисов Яндекса

Кто сейчас на конференции