info@enterin.ru .... Россия, г. Ярославль

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

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

Пример

map 2

map 4

map 5

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

<head>
    <script src="https://api-maps.yandex.ru/2.1/?apikey=ваш-ключ" 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>

+1

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

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