Хотите создать страничку сайта с картой?
Все просто. Сохраните приведенный ниже код в текстовом файле и сохраните с расширением .html
HTML код страницы:
<html>
<head>
<script src="http://api-maps.yandex.ru/1.1/index.xml?key=APmK7EoBAAAArX3ZdAIAvx9hrzRt1cxY34FZ7-80nj6S5jcAAAAAAAAAAABuHO_ksA3ZUnYMmDVej0hm4hVsVQ=="></script>
<script>
window.onload = function ()
{
map = new YMaps.Map(document.getElementById("id_map"));
map.setCenter(new YMaps.GeoPoint(37.64, 55.76),10);
};
</script>
</head>
<body>
<div id="id_map" style="width: 400px; height: 300px;"> </div>
</body>
</html>
Сейчас подробнее о коде.
Вначале подключаем возможность использования Яндекс карт:
<script src="http://api-maps.yandex.ru/1.1/index.xml?key=КЛЮЧ"></script>
Ключ для локального компьютера может быть любым, но если Вы используете карту на сайте, то необходимо получить у Яндекса этот ключ по
этой ссылке
Затем идет javascript функция, которая выполняется когда загружается страница:
window.onload = function ()
{
map = new YMaps.Map(document.getElementById("id_map"));
map.setCenter(new YMaps.GeoPoint(37.64, 55.76),10);
};
Строка
map = new YMaps.Map(document.getElementById("id_map")); создает карту в контейнере <div> с id="id_map".
Строка
map.setCenter(new YMaps.GeoPoint(37.64, 55.76),10); устанавливает центр карты в точку с координатами Москвы 37.64 (Долгота) и 55.76 (Широта). Число 10 определяет масштаб карты.
Меняя эти числа Вы можете менять отображаемую карту.
Строкой
<div id="id_map" style="width: 400px; height: 300px;"> </div> создаем контейнер для карты на странице шириной 400 пикселей и высотой 300 пикселей.
Меняя эти числа Вы можете управлять размером карты.