Компьютер

ЧП Куликов Михаил Михайлович

Тел:

+380-(50)-589-55-02

Loading
Мы в социальных сетях...

    -  Вконтакте
    -  Facebook
    -  Google+
    -  Twitter
    -  LiveJournal
    -  Я.ру
    -  Одноклассники
    -  RSS
    -  Мой Круг
    -  YouTube
Прочее...

/images/certificate_small.png

Анализ: траст сайта it-kmm.com
Внимание!!! Заработал на 100% новый сервис.

Как вставить Яндекс карту на сайт?

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

Хотелось бы подробнее остановиться именно на карте.

В последнее время, стало популярным устанавливать на сайт не статическую карту, представляющую собой обзор какого-то ограниченного участка местности, а динамическую - позволяющую перемещаться в любом направлении и отслеживать маршрут.

А ведь и вправду, соорентироваться по динамической карте гораздо легче, особенно людям, которые не знают города, в котором расположен конечный объект.

Вот как она выглядит:

Установить ее на сайт довольно просто. Для этого, прежде всего нужно создать учетную запись на Яндексе. После того, как учетная запись создана, нужно перейти по следующему адресу http://api.yandex.ru/maps/tools/constructor/ , авторизоваться и начать творить свою карту 🙂

Там все достаточно просто и понятно. На первом шаге, нужно указать объект на карте и, если нужно, проложить маршрут проезда. На втором шаге - можно выполнить предварительный просмотр. Ну а третий шаг - это генерация кода, который затем нужно просто вставить в нужное место на Вашем сайте.

 


<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (начало) -->
<div id="ymaps-map-id_13529694893961172591" style="width: 450px; height: 350px;">
</div>
<div style="width: 450px; text-align: right;">
	<a href="http://api.yandex.ru/maps/tools/constructor/index.xml" target="_blank" style="color: #1A3DC1; font: 13px Arial, Helvetica, sans-serif;">Создано с помощью инструментов Яндекс.Карт</a>
</div>
<script type="text/javascript">
	function fid_13529694893961172591(ymaps) {
		var map = new ymaps.Map("ymaps-map-id_13529694893961172591", {center: [35.21885499999995, 47.78971826036077], zoom: 16, type: "yandex#map"});
		map.controls.add("zoomControl").add("mapTools").add(new ymaps.control.TypeSelector(["yandex#map", "yandex#satellite", "yandex#hybrid", "yandex#publicMap"]));
		map.geoObjects.add(new ymaps.Placemark([35.218855, 47.788894], {balloonContent: "Мы здесь"}, {preset: "twirl#lightblueDotIcon"}));
	};
</script>
<script type="text/javascript" src="http://api-maps.yandex.ru/2.0-stable/?lang=ru-RU&coordorder=longlat&load=package.full&wizard=constructor&onload=fid_13529694893961172591">
</script>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (конец) -->

.



Комментарии к посту «Как вставить Яндекс карту на сайт?»

Комментариев пока нет, будьте первым.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

DT

Курсы валют:

UAH

1 USD = 24.510 24.272
1 EUR = 26.525 26.178
1 RUR = 00.385 00.350

Антивирусы в формате SaaS
Подписаться письмом

Спонсоры...

SP:   LF:   PP:  

ubuntu == © Куликов М.М. (2011)
Сертифицированный партнер Dr.Web Free secondary DNS uaRating Rambler's Top100 Рейтинг@Mail.ru bigmir)net TOP 100 Яндекс цитирования Ranker Рейтинг сайта в веб-каталоге misto.zp.ua TOP.zp.ua