info@enterin.ru +7 (910) 973-41-19 Россия, г. Ярославль

Яндекс карта через API - Быстрый старт

Дата публикации: 24 сентября 2021

Пример

1. Подключаем API. Прописываем в head.

<head>
    <script src="https://api-maps.yandex.ru/2.1/?apikey=ffee65c3-506b-4a2d-9959-9837acf6e97c&lang=ru_RU" type="text/javascript"> </script>
</head>

2. Добавляем код в верстку, туда гду нужна карта с id

    <div id="myyandexmap" style="width: 100%; height: 524px; margin-bottom: 0;"> </div>

3. Далее добавляем в подвал сайта


<script>
	ymaps.ready(init);
// 1 этап - Задаем переменные объектов и самой карты.
        var Promyshlennyj,
            Portovaya,
            myMap;

        function init(){ 
            myMap = new ymaps.Map("myyandexmap", {
                center: [56.863916, 40.566050],
                zoom: 6,
                controls: ['default', 'routeButtonControl'] }, {
                searchControlProvider: 'yandex#search'
            }); 
            
            myMap.setType('yandex#map');
            /*myMap.behaviors.disable('scrollZoom');*/
            myMap.behaviors.disable('drag');
            myMap.behaviors.disable('DblClickZoom');
            myMap.behaviors.disable('dblClickZoom');
            myMap.behaviors.enable('ruler');
            
            myMap.controls.remove('zoomControl');
            myMap.controls.remove('searchControl')
            myMap.controls.remove('rulerControl');
            myMap.controls.remove('trafficControl');
	    myMap.controls.remove('routeButtonControl');
	    myMap.controls.remove('geolocationControl');
	    myMap.controls.remove('SearchControl');
			

// 2 этап - Параметры объекта (цвет, название, координаты)
			Promyshlennyj = new ymaps.Placemark([57.660778, 39.811779], {
				iconContent: '', // Метка 
				hintContent: 'текст при наведении на балун',
			    balloonContent: 'текст при клике на балун'
			},
				{preset: 'islands#redDotIcon'}
            );
            
            Portovaya = new ymaps.Placemark([57.598611, 39.914807], {
				iconContent: '',
				hintContent: 'текст при наведении на балун',
			    balloonContent: 'текст при клике на балун'
			},
				{preset: 'islands#redDotIcon'}
            );
            

// 3 этап - Добавление объекта на карту
			myMap.geoObjects.add(Promyshlennyj);
	    	myMap.geoObjects.add(Portovaya);

		}
</script>

0

Выбрать другую заметку

  1. Загрузка страницы с заданным скроллингом по середине - 11.07.2016
  2. Якорные ссылки с плавной прокруткой - Пример - 15.09.2016
  3. Перенос сайта на другой хостинг Modx revo - 17.08.2017
  4. Перенос дампа MySQL 5.7 в MySQL 5.5 или ишибка #1214 - The used table type doesn't support FULLTEXT indexes - 16.05.2018
  5. Документация getProducts - 8.03.2018
  6. mFilter2 - быстрый запуск - 16.05.2018
  7. mSearch2 - быстрый запуск - 16.05.2018
  8. Автоматическое определение года - PHX Modx Revo, Вывод названий месяцев на русском - 16.05.2018
  9. Документация fastField Modx Revo - плагин для получения поля другого ресурса. - 16.05.2018
  10. MODX Revolution - Каталог ядра в открытом доступе - 1.06.2018
  11. Привязать картинку к ячейке excel - 5.07.2018
  12. Обновление MODX Revolution - 26.07.2018
  13. Перевод с http на https, сайт на ModX Revo, хостинг beget. - 19.12.2018
  14. pdoMenu - Как исключить определенные пункты меню - 5.02.2019
  15. Как вывести количество дочерних элементов modx revo - один из вариантов - 8.08.2019
  16. MigX Modx Revo - быстрый старт. Примеры MigX. - 17.08.2019
  17. Запрет на индексацию ссылок или текста - 15.10.2019
  18. Не выводить текущую новость через getProducts ModX revo - 22.10.2019
  19. Font boosting и проблемы со шрифтом в мобильных браузерах - 28.10.2019
  20. Как написать в техподдержку вКонтакте с компьютера - 13.02.2020
  21. Удобно для SEO, но только MODX REVO - 5.06.2020
  22. Сортировка ресурсов на странице через getProdutcts, как в дереве ресурсов - 28.04.2021
  23. Якорные ссылки на странице с плавной прокруткой. Html, CSS + javascript - 26.05.2021
  24. Phpthumbof modx revo. Быстрый старт и шпаргалка. Водяной знак. - 30.08.2021
  25. Getimagelist modx revo, сортировка в обратном порядке - MIGX - 23.09.2021
  26. Яндекс карта через API - Быстрый старт - 24.09.2021