Создать открытки с вашим изображением теги через API Яндекса

Назад

Рассмотрим, как отметить на Яндекс картах, в качестве метки мы будем использовать ваши изображения. Этот сценарий построен на 2.1 карты API Яндекс.

Пример вывода:

Создать свой след

Плагин скрипт для API Яндекс карты 2.1 и вывести наш скрипт.

<див ИД=»карта» стиль=»ширина: 100%; высота: 400 пикселей»></див>

<скрипт СРЦ=»http://api-maps.yandex.ru/2.1/?lang=ru_RU» тип=»текст/JavaScript»></скрипт>
<сценарий тип=»текст/JavaScript»>
ymaps.готов(инит);

функция init () {
значения var myMap = новый ymaps.Карта(«карта», {
// Центр на карте указаны coordiante
центр:[55.752161956105276,37.61949517968746],
// Масштабировать все просто
зум: 9,
// Отключить все элементы управления
управление: []
});

ВАР myGeoObjects = [];

// Наш этикетке указан coordiante
myGeoObjects = новый ymaps.Метки([55.800151390638646,37.61400201562497],{
balloonContentBody: ‘текст в воздушный шар’,
},{
iconLayout: по умолчанию#изображения,
// Путь до нашего изображения
iconImageHref: ‘активы/ИМГ/адрес.ПНГ’,
// Размер в ширину и высоту
iconImageSize: [70, 70],
// Смещение левого верхнего угла иконки относительно
// ее «ножки» (точки привязки).
iconImageOffset: [-35, -35]
});

значения var clusterer = новый ymaps.Clusterer({
clusterDisableClickZoom: ложь,
clusterOpenBalloonOnClick: ложь,
});

clusterer.добавить(myGeoObjects);
myMap.geoObjects.добавить(clusterer);
// Adlucem возможность изменять масштаб
myMap.поведения.отключить(‘scrollZoom’);

}
</скрипт>

Добавление нескольких меток

Здесь все почти то же самое, рассмотрим следующий пример:

<див ИД=»карта» стиль=»ширина: 100%; высота: 400 пикселей»></див>

<скрипт СРЦ=»http://api-maps.yandex.ru/2.1/?lang=ru_RU» тип=»текст/JavaScript»></скрипт>
<сценарий тип=»текст/JavaScript»>
ymaps.готов(инит);

функция init () {
значения var myMap = новый ymaps.Карта(«карта», {
центр:[55.752161956105276,37.61949517968746],
зум: 7,
управление: []
});

ВАР myGeoObjects = [];

// Марка 1
myGeoObjects[0] = новый ymaps.Метки([55.800151390638646,37.61400201562497],{
balloonContentBody: ‘текст в воздушный шар’,
},{
iconLayout: по умолчанию#изображения,
iconImageHref: ‘активы/ИМГ/адрес.ПНГ’,
iconImageSize: [70, 70],
iconImageOffset: [-35, -35]
});

// Марка 2
myGeoObjects[1] = новый ymaps.Метки([56.800151390638646,38.61400201562497],{
balloonContentBody: ‘текст в воздушный шар’,
},{
iconLayout: по умолчанию#изображения,
iconImageHref: ‘активы/ИМГ/адрес.ПНГ’,
iconImageSize: [70, 70],
iconImageOffset: [-35, -35]
});

значения var clusterer = новый ymaps.Clusterer({
clusterDisableClickZoom: ложь,
clusterOpenBalloonOnClick: ложь,
});

clusterer.добавить(myGeoObjects);
myMap.geoObjects.добавить(clusterer);
myMap.поведения.отключить(‘scrollZoom’);

}
</скрипт>

Это простой пример прекрасно работает. Если у вас есть вопросы, задавайте.

Широту и долготу можно посмотреть на официальном сайте Яндекса, перейти .