Тема «несколько карт»

Перенести карту из одного dom дерева в другое

Vitalii

1 декабря 2013, 00:06

подскажите пожалуйста

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

стала идея оптимизировать, и сделать, что бы это была одна карта

потому что в определенный момент времени видна только одна карта

скажите есть примере, где можно было бы посмотреть на подобную реализацию

есть карта, по нажатию, карта из одного места, уходит в другое... при этом продолжает быть работоспособной

на карте много элементов, скажем 2000, меток, и когда есть две карты, то лишняя нагрузка на клиента

буду благодарен за любые советы

Пока нашел только такое решение, возможно этого будет достаточно:

mapSmallToLarge: function() {
$('#mapl').append($('#map'));
},
mapLargeToSmall: function() {
$('#map-container').append($('#map'));
},

fitToViewport,API 2.0,несколько карт

Помогите решить проблему с отображением карты на определенных страницах

ortodor

28 сентября 2013, 01:48

Делаю карту общую всех меток. Все работает, все отображается.

НО! Встала задача сделать карты отдельно с отдельными метками... делаю вторую карту, на тестовой странице - все отлично работает, и основная карта и карта с отдельным элементом - http://www.nlive.ru/test.html

Но, как только переношу вторую карту на нужную страницу появляется просто пустое место: http://www.nlive.ru/orehovo.html

Причем, если ставлю туда общую карту - общая отображается нормально и все видно...

Хелп....уже всю голову сломал(((

Если нужен код - предоставлю

6 комментариев

Почему на странице две карты вместо одной?

beetle-boris

23 сентября 2013, 17:01

http://cerambycidae23.ru/index2/Purpuricenus_kaehleri.html

Почему-то две карты отображает на странице. Почему не понимаю.

<html>

<head>

<title>Purpuricenus kaehleri</title>

ymaps.ready(init);

function init() {

var map = new ymaps.Map("YMapsID", {

center: [57.20, 52.75],

zoom: 8,

type: "yandex#map"

}),

myPlacemark = new ymaps.Placemark([56.824, 53.906], {

hintContent: 'Воткинский р-н, биостанция "Сива"'

}, {

iconImageHref: '../index/grey.jpg',

iconImageSize: [10, 10]

})

myPlacemark1 = new ymaps.Placemark([56.015, 52.70], {

hintContent: 'Алнашский р-н, урочище Голюшурма'

}, {

iconImageHref: '../index/grey.jpg',

iconImageSize: [10, 10]

});

map.geoObjects

.add(myPlacemark)

.add(myPlacemark1);

}

</script>

<!-- .text {

font-family: Times New Roman;

Arial;

}

-->

</Style>

</head>

<h2 align=center>Purpuricenus kaehleri (Linnaeus, 1758)</h2>

...

<b>Находки в Удмуртии:</b>

<br>

<img src="../index/black.jpg" hspace=1 align="bottom"> - до 1990 г.

<img src="../index/red.jpg" hspace=1 align="bottom"> - 1990-1999 гг.

<img src="../index/blue.jpg" hspace=1 align="bottom"> - 2000-2009 гг.

<img src="../index/green.jpg" hspace=1 align="bottom"> - 2010-2019 гг.

<img src="../index/grey.jpg" hspace=1 align="bottom"> - год не известен.

1) Воткинский р-н, биостанция "Сива".<A HREF="Literature.html" Target="down">[Дедюхин С.В, 2006, стр. 134]</A> <br>

2) Алнашский р-н, урочище Голюшурма.<A HREF="Literature.html" Target="down">[Дедюхин С.В, 2006, стр. 134]</A> <br>

</font>

(function (w, c) {

(w[c] = w[c] || []).push(function () {

try {

w.yaCounter2948749 = new Ya.Metrika(2948749);

yaCounter2948749.clickmap(true);

yaCounter2948749.trackLinks(true);

} catch(e) {}

});

})(window, 'yandex_metrika_callbacks');

</script>

</div>

</div>

</noscript>

</body>

</html>

2 карты на 1 странице сайта

Федор Земсков

29 июля 2013, 11:22

Добрый день друзьям!

Возникла проблема в версиях IE <= 9 с вставкой 2 карт на 1 странице.

Есть код карт, там только кординаты центра и балуна отличаются. Во всех браузерах он норм работает а вот в IE ниже 9 (включительно) не хочет вставлять карту, появляются лишь границы карты а сами карты не рисуются. в IE 10 уже все норм

window.onload = function () {

var myMap_1 = new ymaps.Map("map-1", {

center: [55.623756, 37.459135],

zoom: 13,

type: "yandex#map"

});

myMap_1.balloon.open(

[55.623137, 37.460005], {

content: '<img src="/images/template/baloon.png" />'

}, {

closeButton: true

});

myMap_1.controls.add("mapTools")

.add("zoomControl")

.add("typeSelector");

var myMap_2 = new ymaps.Map("map-2", {

center: [55.611564, 37.486236],

zoom: 15,

type: "yandex#map"

});

myMap_2.balloon.open(

[55.610535, 37.486443], {

content: '<img src="/images/template/baloon.png" />'

}, {

closeButton: true

});

myMap_2.controls.add("mapTools")

.add("zoomControl")

.add("typeSelector");

}

Ошибок в фаирбаге нету. Не могу понять почему IE так поступает. Надеюсь на вашу помощь. Спасибо

10 комментариев

IE8,API 2.0,несколько карт

2 карты на сайте

Denis

11 июля 2013, 13:32

Написал скрипт для вставки 1 карты, понадобилось рядом добавить еще 1 карту
По отдельности работают, а вместе нет(

Тут две карты map2 и map

ymaps.ready(init);

function init() {

var myMap2 = new ymaps.Map("map2", {

center: [59.7454, 30.5963],

zoom: 14

}, {

balloonMaxWidth: 200

});

myMap2.controls.add('zoomControl', {

left: 5,

top: 5

})

// Обработка события, возникающего при щелчке

// левой кнопкой мыши в любой точке карты.

// При возникновении такого события откроем балун.

myMap2.events.add('click', function (e) {

if (!myMap2.balloon.isOpen()) {

var coords = e.get('coordPosition');

myMap2.balloon.open(coords, {

contentBody: '<p>' + [

coords[0].toPrecision(6),

coords[1].toPrecision(6)

].join(', ') + '</p>',

contentFooter: '<sup>Щелкните еще раз</sup>'

});

} else {

myMap2.balloon.close();

}

});

var myMap = new ymaps.Map("map", {

center: [59.7459, 30.58666],

zoom: 15

}),

<?

while ($myrow = mysql_fetch_array($result)) { ?>

myGeoObject = new ymaps.GeoObject({

geometry: {

type: "Point",

coordinates: [ <? echo $myrow[coord_x]; ?> , <? echo $myrow[coord_y]; ?> ]

},

properties: {

iconContent: 'Метка № <? echo $myrow[id]; ?>',

balloonContent: '<? echo $myrow[text]; ?>'

}

}, { <?

if ($myrow[status] == 1) {

echo "preset: 'twirl#redStretchyIcon'";

} else {

echo "preset: 'twirl#greenStretchyIcon'";

} ?>

});

myMap.geoObjects

.add(myGeoObject); <?

} ?>

myMap.controls

.add('zoomControl', {

left: 5,

top: 5

});

}

</script>

8 комментариев

Не могу создать несколько карт на разных страницах сайта

Евгений Б.

6 июня 2013, 11:11

Карты добавляю на страницы таким кодом:

Извините за такой тупой вопрос, но я уже два дня бьюсь лбом о монитор.

Прочитал уже все руководства и вопросы, но так и не понял, в чем ошибка.

Всегда добавляется только первая карта, а вторая не грузится.

Сайт пока на localhost. На CMS JOOMLA.

Проблема как я думаю в ready.
Получается, что пока не загрузится первая карта, вторую тоже не видно.
Добавил на одну страницу две карты - то обе загрузились!
Как только первую удалю, то вторая не грузится.
Подскажите, пожалуйста, как правильно прописать независимую загрузку карт.

21 комментарий

2.0 Несколько карт на одной странице и myMap.events.add ?

Александр

11 марта 2013, 15:12

Добрый день.

Подскажите как решить следующую задачу. Есть страница, на которой выводятся несколько карт, при создании событий типа "myMap.events.add('click', function (e) {" на какую либу карту, то нет возможности по "e" определить к какой карте относится данное событие.

Можно конечно сказать, есть же "myMap", НО он создаётся автоматически! Т.е. есть объект который реализуется механизм взаимодействия с картой, он един для всех карт, т.е. не унекален.

Подскажите как разместить две карты на одной странице.

a.tyshkevich

1 мая 2012, 19:01

Подскажите как разместить две карты на одной странице, есть код для одной карт:

YMaps.jQuery(function () {

var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]) ;

map.setCenter(new YMaps.GeoPoint(ХХ.ХХХХХХ,ХХ.ХХХХХХ), 25) ;

var placemark = new YMaps.Placemark(new YMaps.GeoPoint( ХХ.ХХХХХХ,ХХ.ХХХХХХ )) ;

placemark.name = "ХХХХХХ" ;

placemark.description = " ХХХХХХХХХХХХХХХХ" ;

map.addOverlay(placemark) ;

placemark.openBalloon() ;

map.addControl(new YMaps.ToolBar()) ;

map.addControl(new YMaps.Zoom()) ;

map.addControl(new YMaps.ScaleLine()) ;

var typeControl = new YMaps.TypeControl([YMaps.MapType.MAP, YMaps.MapType.SATELLITE, YMaps.MapType.HYBRID], [1,2]) ;

map.addControl(typeControl) ;

}) ;

</script>

подскажите как добавить еще одну карту в этот код.

2 карты, несколько меток на каждой

несколько карт

Виталий

30 апреля 2012, 14:19

Доброго времени суток, Уважаемые!

Выводятся 2 карты. Рядом с ними, на каждой карте хочу добавить 2-3 метки, которые будут означать остановки транспорта, чтобы люди могли сориентироваться.

В документации не описаны примеры добавления нескольких меток на карту, когда их более одной.

Скажите, пожалуйста, как добавить 2 метки на первую карту и 2 на вторую?

Спасибо!

3 комментария

метка,несколько карт

Добавление GeoObject на две карты

grandresurs

27 апреля 2012, 13:20

Я отрисовываю 2 карта на странице.

Создаю 2 placemarka.

Делаю map1.geoObjects.add(place) и map2.geoObjects.add(place)

И при этом метка с первой карты пропадает, и остается на последней.

Почему так? Я не могу использовать один объект на двух картах?

3 комментария

метка,несколько карт

Две карты на странице, серый квадрат - вместо карты и

cssmakeup

5 августа 2011, 16:02

ДД., собственно вопрос: после интеграции Яндекс карты на страницу http://www.asvlux.com.ua/office не пойму почему на странице производной http://www.asvlux.com.ua/office/golovnoi-ofis-v-kieve карта есть (но нет элементов управления и метки), а на другой странице-производной (абсолютно аналогичной первой по своему типу) http://www.asvlux.com.ua/office/nash-filial-v-kharkove карта не подгружается?!

Не прошу давать рецепт лечения глюка, хотя бы подскажите где "копать"?!

Исходные параметры: CMS - Drupal 6.19. Faq по интеграции карты на друпал уже читал, читал также на счет показа карты и скрытого контейнера и многое другое. Но жедлаемого резуальтат там и не смог добиться. Карта на странице вызывается (аналогичный скрипт висит и на производных страницах):

Заранее спасибо, comrades!

6 комментариев

Drupal,серые тайлы,API 1.x,несколько карт,метка

Не отображаются 2, 3 и т.д. карты на странице

Удалённый пользователь

10 января 2011, 16:41

При попытке отобразить более 1 карты на странице возникают проблемы - вместо 2, 3 и т.д. карты показываются серые или белые прямоугольники. Вот код вызова карт:

window.onload = function () {

3 var map = new YMaps.Map(document.getElementById("YMapsID"));
4 map.enableScrollZoom();
5 var geocoder = new YMaps.Geocoder(",Иваново,Ленина,1,1");
6 YMaps.Events.observe(geocoder, geocoder.Events.Load, function (geocoder) {
7 map.addOverlay(geocoder.get(0));
8 map.setBounds(geocoder.get(0).getBounds());
9 });

11 var map0 = new YMaps.Map(document.getElementById("YMapsID_0"));
12 map0.enableScrollZoom();
13 map0.addControl(miniMap);
14 map0.addControl(new YMaps.Zoom());
15 map0.addControl(new YMaps.ToolBar());
16 map0.addControl(new YMaps.TypeControl());
18 var geocoder0 = new YMaps.Geocoder(",Иваново,Ленина,1,1");
19 YMaps.Events.observe(geocoder0, geocoder0.Events.Load, function (geocoder0) {
20 map0.addOverlay(geocoder0.get(0));
21 map0.setBounds(geocoder0.get(0).getBounds());
22 });

24 var map1 = new YMaps.Map(document.getElementById("YMapsID_1"));
25 map1.enableScrollZoom();
26 map1.addControl(miniMap);
27 map1.addControl(new YMaps.Zoom());
28 map1.addControl(new YMaps.ToolBar());
29 map1.addControl(new YMaps.TypeControl());
31 var geocoder1 = new YMaps.Geocoder(",Иваново,Ленина,1,1");
32 YMaps.Events.observe(geocoder1, geocoder1.Events.Load, function (geocoder1) {
33 map1.addOverlay(geocoder1.get(0));
34 map1.setBounds(geocoder1.get(0).getBounds());
35 });

}

Несколько карт на странице - не отображаются в Хроме.

Алексей Крылышкин

19 ноября 2010, 17:21

Подскажите пожалуйста, почему, если карт на странице несколько, то в Хроме и IE отображается только самая последняя. Вот пример. http://www.smehnakarte.ru/category/drugie-strany/ukraina/

В Файрфокс и Опере нормально всё отображается.

Спасибо за ответ!

15 комментариев

несколько карт на одной странице

Удалённый пользователь

6 августа 2010, 14:13

Пробую по аналогии с примером разместить на странице несколько карт

С одной картой на странице - все раборает ( Спасибо клубу). в таком виде - нет.

Две карты на странице не отображаются вместе корректно

art f

2 августа 2010, 19:07

делаю их по очереди с адресами:

1. город, улица, дом

2. город, улица2, дом2

показывает серый квадрат и карту по адресу 2

задаю с адресами

1. улица, дом

2. улица2, дом2

показывает серый квадрат и карту по адресу 1

то есть все находит, но не отображает только что-то одно

вставляется плагином для WP. может быть из-за одинаковых имен переменных?

var map = new YMaps.Map(document.getElementById("map_1"));
var geocoder = new YMaps.Geocoder("город, улица, дом", {results: 1, boundedBy: map.getBounds()});
блаблабла настроки и балон

var map = new YMaps.Map(document.getElementById("map_2"));
var geocoder = new YMaps.Geocoder("город, улица2, дом2", {results: 1, boundedBy: map.getBounds()});
блаблабла настроки и балон

4 комментария

На одной странице несколько карт, такое возможно?

Дмитрий К.

8 декабря 2009, 14:36

Пытаюсь разместить две карты на странице, но отображается только одна.
Или апи яндекса не позволяет это сделать , либо я что то упустил, т.к. я делаю идентификаторы каждой карты абсолютно уникальными

Пример:

Карта 1
<script type="text/javascript">
//<![CDATA['
var mapPlgPM3, geoResultPlgPM3;
window.onload = function getYandexMapPlgPM3() {
mapPlgPM3 = new YMaps.Map(document.getEle
mentById("YMapsIDPlgPM3"));
mapPlgPM3.setCenter(new YMaps.GeoPoint( 39.870592, 57.619879), 2);
mapPlgPM3.enableDblClickZoom();
mapPlgPM3.enableScrollZoom();
mapPlgPM3.addControl(new YMaps.Zoom());
mapPlgPM3.addControl(new YMaps.TypeControl());
mapPlgPM3.addControl(new YMaps.MiniMap());
mapPlgPM3.addControl(new YMaps.ToolBar());
}
//]]>
</script>

Карта 2

<script type="text/javascript">
//<![CDATA['
var mapPlgPM1, geoResultPlgPM1;
window.onload = function getYandexMapPlgPM1() {
mapPlgPM1 = new YMaps.Map(document.getEle

mentById("YMapsIDPlgPM1"));
mapPlgPM1.setCenter(new YMaps.GeoPoint( 38.096006, 55.285312), 2);
mapPlgPM1.enableDblClickZoom();
mapPlgPM1.enableScrollZoom();
mapPlgPM1.addControl(new YMaps.Zoom());
mapPlgPM1.addControl(new YMaps.TypeControl());
mapPlgPM1.addControl(new YMaps.MiniMap());
mapPlgPM1.addControl(new YMaps.ToolBar());
}
//]]></script>

Подскажите что я пропустил или может не допонял

5 комментариев

Три интерактивных Яндекс.Карты на одной странице

Александр Мамишев

12 ноября 2009, 03:24

Здравствуйте!

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

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

Заранее благодарен за помощь и/или совед ))

PS Речь идет об страничке http://fish.mamishev.ru/stocks.html