ZebroidФорумПубличный разделФлеймВопрос к кодеру JS

Вопрос к кодеру JS

27 марта 2012, 13:40
Зарегистрирован: 27 октября 2011, 17:11
Вот эта тема по клику выводит на карту маркер <a href="javascript:showAddress('Сергиев Посад, пр-т Красной армии')">Кофе в Питере</a> Как сделать тоже самое но чтобы автоматом. Есть таблица в ней поле с адресом, нужно както его закидывать на карту при заходе на страницу. Помогите нубу.

Код с api.yandex.ru

[spoiler:4b92x3ci]<!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>

<title>Примеры. Геокодирование.</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script src="http://api-maps.yandex.ru/1.1/index.xml?key=ANpUFEkBAAAAf7jmJwMAHGZHrcKNDsbEqEVjEUtCmufxQMwAAAAAAAAAAAAvVrubVT4btztbduoIgTLAeFILaQ==" type="text/javascript"></script>

<script type="text/javascript">

var map, geoResult;

// Создание обработчика для события window.onLoad

YMaps.jQuery(function () {

// Создание экземпляра карты и его привязка к созданному контейнеру

map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);

// Установка для карты ее центра и масштаба

map.setCenter(new YMaps.GeoPoint(37.64, 55.76), 10);

// Добавление элементов управления

map.addControl(new YMaps.TypeControl());

});

// Функция для отображения результата геокодирования

// Параметр value - адрес объекта для поиска

function showAddress (value) {

// Удаление предыдущего результата поиска

map.removeOverlay(geoResult);

// Запуск процесса геокодирования

var geocoder = new YMaps.Geocoder(value, {results: 1, boundedBy: map.getBounds()});

// Создание обработчика для успешного завершения геокодирования

YMaps.Events.observe(geocoder, geocoder.Events.Load, function () {

// Если объект был найден, то добавляем его на карту

// и центрируем карту по области обзора найденного объекта

if (this.length()) {

geoResult = this.get(0);

map.addOverlay(geoResult);

map.setBounds(geoResult.getBounds());

}else {

alert("Ничего не найдено")

}

});

// Процесс геокодирования завершен неудачно

YMaps.Events.observe(geocoder, geocoder.Events.Fault, function (geocoder, error) {

alert("Произошла ошибка: " + error);

})

}

</script>

</head>

<body>

<form action="#" onsubmit="showAddress(this.address.value);return false;">

<p>

<input type="text" id="address" style="width:525px;" value="Москва" />

<input type="submit" value="Искать" />

</p>

<div id="YMapsID" style="width:600px;height:400px"></div>

</form>

<p><b>Примеры адресов:</b></p>

<a href="javascript:showAddress('Москва, ул.Самокатная, д.1., стр.21')">Москва, ул.Самокатная, д.1., стр.21</a><br />

<a href="javascript:showAddress('Москва, ул. Станиславского, д.21, стр.3')">Москва, ул. Станиславского, д.21, стр.3</a><br />

<a href="javascript:showAddress('Балашиха, Полевой пр.')">Балашиха, Полевой пр.</a><br />

<a href="javascript:showAddress('Измайловский пр-т, д.73/2')">Измайловский пр-т, д.73/2</a><br />

<a href="javascript:showAddress('Сергиев Посад, пр-т Красной армии')">Сергиев Посад, пр-т Красной армии</a>

</body>

</html>
[/spoiler:4b92x3ci]