info@enterin.ru
Россия, г. Ярославль
| info@enterin.ru |
Россия, г. Ярославль
|
 |
|
Дата публикации: 24 сентября 2021
Пример
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>