Две карты Яндекса на одной странице

Две карты Яндекса на одной странице При добавлении второй карты Яндекс Карт перестают отображаться баллуны и линии на первой карте

Как можно использовать две карты Яндекса на одной странице.

Например, мы хотим, чтобы одновременно отображались карты проезда для 2-х офисов на одной странице контактов.

Идея в том, что сервис Яндекс Карты формирует код с одинаковым параметром map (YMapID формируется разным уже), который конфликтует, а точнее срабатывает для второй карты и перестаёт работать для первой.

участок кода вставки первой карты:

YMaps.jQuery(window).load(function () { 
  var map = new YMaps.Map(YMaps.jQuery("#YMapsID-2827")[0]); 
  map.setCenter(new YMaps.GeoPoint(37.563749,55.764872), 16, YMaps.MapType.MAP);      map.addControl(new YMaps.Zoom());
...

для второй карты нужно будет поменять map на map2 например. Также можно поменять YMapID  на YMapID2 (по умолчанию к ним добавляются числа, так что они уже разными становятся).

Источник: loco.ru

almix
Разработчик Loco, автор статей по веб-разработке на Yii, CodeIgniter, MODx и прочих инструментах. Создатель Team Sense.

Вы можете почитать все статьи от almix'а.



Другие статьи по этой теме:

Комментарии (0)     Подпишитесь на RSS комментариев к этой статье.