Артём Мáлков

Как поставить несколько меток на «Яндекс.Карту» через API?

1 ноя0 комм

В одной из статей уже подробно расписал, как добавить «Яндекс.Карту» на свой сайт. В этой же статье я хотел бы показать простой способ добавления нескольких меток на вашу карту через API.

Итак, всю установку и тонкую настройку я упущу (ведь для этого уже есть отдельная статья) и начну сразу с технической части.

Код JavaScript, который вы используете для настройки отображения вашей метки, вы полностью заменяете на этот:

<script type="text/javascript">

	ymaps.ready(init); 
	var myMap;
	
	function init() {
	
		var i;
		var place;
		var pointer = [[57.77302079714255,40.90140849999999], [55.12276856531857,73.37842999999997], [51.69427263552066,39.335954999999984]];
	
		var myMap = new ymaps.Map("map", {
		
			center: [64.5438297880126,98.44240549999999],
			zoom: 3
			
		});
    
		for(i = 0; i < pointer.length; ++i) {
		
			place = new ymaps.Placemark(pointer[i]);
			myMap.geoObjects.add(place);
			
		}
		
	};
	
</script>

Как вы поняли, в восьмой строке идет простое перечисление координат каждой метки (заменяете на свои), а в одиннадцатой– координаты видимой области.

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

Удачи вам! А если вдруг возникают трудности – пишите об этом в комментариях.

Рекомендуем к просмотру
Управление API-ключами Яндекс.Карт: добавление, ограничение использования, блокировка
Посты
Как создать и настроить цель типа «JavaScript-событие» в «Яндекс.Метрике»?
Статьи и советы
Подробная инструкция по добавлению Яндекс.Карты на свой сайт
Статьи и советы
0
комментариев
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
Подняться наверх
«Pandoge» - помощник вебмастера