javascript, проверка данных, безопасность на формах ввода
|
Как подключить yandex карт (maps) зная только адрес?
При подключении yandex карт (maps) нам потребуется зарегистрироваться на сайте yandex карта, где получим соответствующий ключ, который привязывается к одному сайту, то есть если вы хотите размещать карты на другой сайт, то потребуется новая регистрация и получать новый ключ, а теперь смотрим сам код.
window.onload=function ()
{
// создаем необходимый javascript объект
var map = new YMaps.Map(document.getElementById('YMapsID'));
// прописываем координаты, где мы находимся
var geocoder = new YMaps.Geocoder('111024, Москва, шоссе Энтузиастов, 14');
// функция узнает на основа нашего адреса соответствующие координаты
// и перемещает yandex maps (yandex карты) в соответствующею гео локацию
YMaps.Events.observe(geocoder, geocoder.Events.Load, function (geocoder)
{
// центруем наш адрес по центру отображаемой карты в соответствующем масштабом
// масштаб можете подбирать по своему усмотрению
map.setCenter(geocoder.get(0).getGeoPoint(),15);// устанавливаем точку
// для большей наглядности, прописываем подсказку на нашем адресе
// причем текст, хорошо воспринимает стандартные html теги
map.openBalloon(map.getCenter(),'Лефортовское отд. Сбербанка 6901, м.Авиамоторная');
});
}
<script type="text/javascript" src="http://api-maps.yandex.ru/1.1/index.xml?key=ваш ключ"></script>
Незабываем вставлять в необходимое место div объект для отображения самой карты
<div id="YMapsID" style="width:600px;height:400px;"></div>
Подробнее можно посмотреть рабочий пример по ссылке.
Немного отступив от темы, хотел бы отметить, что размещение yandex карт на своем сайте, положительно смотрится для поисковой системы yandex и она повышает ваш авторитет в ее глазах.