Клуб API Карт

Найдено на тему «конфликт верстки»:
нестандартный вывод карты
Типичный Коля
13 декабря 2016, 09:19

на прикрпеленной картинке я показал стрелочкой как нужно мне вывести блок с картой на сайте.

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

вот сама ссылка на сайт http://new.gleden-dom.ru/ внизу есть сама карта

1 комментарий
конфликт верстки,неформальное,png на карте
Конфликт верстки при использовании API
center-s
4 мая 2012, 18:31

При редизайне сайта требуется обновить страницу с картой.

Проблема возникает в IE (конкретно v 9) при наложении маршрута (Polyline) - возникает закрашивание белым цветом (см. рисунок).

В сети это можно посмотреть на странице http://www.akvilona.ru/contact_2.htm#ymap .

В старом дизайне всё работает нормально (http://www.akvilona.ru/contact0.htm) - поэтому я считаю, что проблема в конфликте с CSS.

Вопрос: подскажите какое свойство надо переопределить, чтобы избежать этого закрашивания?

1 комментарий
API 1.x,конфликт верстки
Проблема (конфликт) в FireFox
Автор Комментария
3 октября 2011, 12:11

Имеется сайт на CMS битрикс, всё нормально внедрено, карта отображается, баллуны, оверлеи, группы — всё работает. Точки получаются посредством AJAX'а при загрузке страницы и изменении контрола (слайдера) и выводятся через gCollection.

 

НО внезапно в FireFox начинаются проблемы, — ничего не отображается, при этом всё работает и в Chrom'е, и (!) в IE. В частности FF пишет:

 

Ошибка: map is undefined

Источник: http://site.ok/bitrix/components/mycomps/my.map/templates/.default/script.js?1317608273

Строка: 93

 

и не грузит ничего далее из AJAX'а, точки не ставит. При этом, как уже говорил, и в IE, и в Chrome всё везде дефайнд. Предполагаю, что где-то конфликт загрузки и всё такое, но уже и так и сяк пробовал не могу найти ошибку или решение для этого.

 

 

Заранее весьма благодарю, API очень нравится, раньше так тесно не приходилось пользоваться.

 

P.S. О конфликте говорит то, что карта срабатывает 1 раз из трёх загрузок страницы. 

 

1 комментарий
метка,конфликт верстки
Часть балуна выходит за пределы карты
greendumb
27 февраля 2011, 20:01

Здравствуйте! Помогите решить проблему: вывожу метки и открываю/закрываю балуны таким кодом

   YMaps.jQuery("#show_arc").bind("click", function(){
map.removeAllOverlays();
var arc = new YMaps.YMapsML("/xml/arc.xml");
map.addOverlay(arc);

   YMaps.Events.observe(arc, arc.Events.Load, function (arc) {
      arc.get(0).forEach(function (obj) {

      YMaps.Events.observe(obj, obj.Events.BalloonOpen, function (obj) {
         map.setZoom(16, { smooth: true, position: obj.getGeoPoint() });
       });

       YMaps.Events.observe(obj, obj.Events.BalloonClose, function (obj) {
         map.panTo(new YMaps.GeoPoint(35.376940479483046, 45.03851500222226), {
             flying: 1,
             callback: function () {
             map.setZoom(13, { smooth: true });
             }
         });
     
       });
  });
});
     
});

Балун получается большой, т.к. в нем много текста - в итоге часть балуна выходит за пределы карты. Вот пример.("Памятники архитектуры..")

Заранее благодарен!

7 комментариев
API 1.x,конфликт верстки,балун
Проблема с отображением кнопок управления
planeta-imen
27 февраля 2011, 02:55

Не могу понять, почему в некоторых кнопках панели управления не отображаются значки (ладонь, лупа, линейка). Самое интересное, на другой карте, которую сделал, эти кнопки видны со значками. Перерыл все темы, но ответа не нашел. Попутно обнаружил, что в ИЕ8 все кнопки управления отображаются как-то странно - левая половина не полностью видна. Вот ссылка

http://planeta-imen.narod.ru/imena/map.html

Еще прошу помочь усовершенствовать всплывающие подсказки к меткам (на той же странице), которые после долгих проб и ошибок удалось-таки отобразить. Хочу, чтобы подсказка была ближе к метке (в ИЕ8 она вообще на полкилометра отстоит). Нашел в руководстве вот такой код

var hintOptions = {
      maxWidth: 100,
      offset: new YMaps.Point(5, 5)
     };

Но не знаю точно, будет ли это работать в моем примере и куда это вставить. Перебрал несколько вариантов (устанавливая и нулевые значения) - никакого эффекта.

10 комментариев
элементы управления,API 1.x,конфликт верстки
Едет нарезка балуна
serge00-7
29 июля 2010, 12:16

Собственно вот и проблема, едет нарезка, а шрифт используется стандартный который прописан на сайте. Хотя скрипт яндекса окружил отдельным div и прописал нужный, нид хелп, внизу скриншот.

3 комментария
API 1.x,конфликт верстки
Отрывается балон
ibragimovrenat
12 июля 2010, 19:02

Добрых суток!

Помогите, не могу понять в чем дело.

Использую Яндекс.api для карты города, в администрировании ставлю точку, всё замечательно показывается и запоминается, а вот во фронте заголовок балона отрывается от указателя, вот как тут например, подскажите в чем может быть дело?

2 комментария
API 1.x,конфликт верстки
Что с балуном?
cvek.ru
16 июня 2010, 18:29
Здравствуйте!

Таким образом я вставляю карту:

map = new YMaps.Map(document.getElementById("YMapsContainer"));
map.addControl(new YMaps.ToolBar());
map.addControl(new YMaps.Zoom());
map.addControl(new YMaps.ScaleLine());

var geocoder = new YMaps.Geocoder(new YMaps.GeoPoint(50.827838, 61.669126), {results: 1, boundedBy: map.getBounds()});
YMaps.Events.observe(geocoder, geocoder.Events.Load, function () {
    if (this.length()) {
        map.panTo(this.get(0).getGeoPoint());
       
        //Вид балуна
        var t = new YMaps.Template('<div style="color:#0A0;">$[description]</div>');
        YMaps.Templates.add("point#template", t);

        var s = new YMaps.Style();
        s.balloonContentStyle = new YMaps.BalloonContentStyle("point#template");

        //Создание метки в точке с заданными географическими координатами
        var placemark = new YMaps.Placemark(new YMaps.GeoPoint(latitude, longitude), {style: s});

        placemark.description = 'ул. Бабушкина, 31';
        placemark.setBalloonOptions({hasCloseButton: false});
        map.addOverlay(placemark);
       
        placemark.openBalloon();
       
        var maxZoom = map.getMaxZoom();
        var myZoom = (maxZoom > 20) ? 20 : maxZoom;
        map.setZoom(myZoom);
    }
});


На выходе получаю вот такой вид балуна:

Посоветуйте, что делать.

4 комментария
API 1.x,конфликт верстки
Покоцаный балун
romanov.toha
27 мая 2010, 17:33

Никак не удаётся сделать балун таким же как в примерах.

Вот что получается: http://www.infoskidka.ru/common/yandex_map_screen.png

 

Пробовал API 1.0 и 1.1.

Код который создаёт метку:

var placemark = new YMaps.Placemark(point);

this.map.addOverlay (placemark);


Т. е. все стили по умолчанию.

3 комментария
API 1.x,конфликт верстки
не получается задать размеры балуна
Денис
27 мая 2010, 01:01

пытаюсь вставить карту с описанием меток в файле YmapsML в сайт на drupal. При нажатии на метку выскакивает балун и растягивается на почти всю карту по ширине. Как победить это дело? Вот кусок .xml с описанием шаблона балуна:

            <balloonContentStyle>
                <template>#balloonTemplate</template>
            </balloonContentStyle>
        </Style>
        <Template gml:id="balloonTemplate">
            <text><![CDATA[
                <div style="font-size:24px; maxWidth: 250">
                <div style="color:#ff0303;font-weight:bold">$[name]</div>
                <div>Адрес: $[metaDataProperty.AnyMetaData.address]</div>                       
                </div>]]>
            </text>

Или же здесь грабли где то в другом месте?

5 комментариев
API 1.x,конфликт верстки
Проблема с CSS
Val Suraev
26 мая 2010, 14:12

При открытии страницы на нашем сайте с картой  в IE6 браузер начинает делать
запросы на несуществующие страницы типа
http://названиесайта/contacts/url(http://api-maps.yandex.ru/i/0.2/cursors/grab.cur)%2016%2016

url сайта я заменил на "название сайта".


Похоже, что проблему вызывает сам Яндекс следующей строчкой в
файле http://api-maps.yandex.ru/1.0.7/_YMaps.css:


.YMaps
.YMaps-cursor-grab,.YMaps.YMaps-cursor-grab{cursor:url(http://api-maps.yandex.ru/i/0.2/cursors/grab.cur)
16
16,url(http://api-maps.yandex.ru/i/0.2/cursors/grab.cur),move}


Хотелось бы, чтобы починили, потому что из-за этой проблемы посетители с IE6 очень быстро блокируются проактивной защитой CMS Bitrix (из-за ошибки делается большое количество запросов на несуществующие страницы).

33 комментария
API 1.x,конфликт верстки
Не отображается Яндекс карта
npomuskovit
18 мая 2010, 16:12

Сайт сделан на Wordpress. Вставляю код на html - Все работает. Помогите разобраться что ей мешает работать.

 http://www.muskovit.com/?page_id=4

2 комментария
WordPress,CMS,API 1.x,конфликт верстки
Рамка вокруг балуна
Казанцев Олег
12 апреля 2010, 21:03

Господа, я что-то напутал в коде? Почему постоянно видно какую то уродскую рамку вокруг балуна?

3 комментария
API 1.x,конфликт верстки
Не красиво отображается информация - что делать?
gleamusya
6 апреля 2010, 11:39

http://fotki.yandex.ru/users/gleamusya/view/171650/?page=0

вот здесь скрин изображения карты на сайте.

Помогите, пожалуйста, решить проблему. При нажатии на метку в
появляющейся информации (в картинке) видны пробелы (т.е. как бы разрырвы
в картинке) - подскажите как сделать изображение ровным без разрывов.
Спасибо

2 комментария
API 1.x,конфликт верстки
не красиво отображается - что делать
gleamusya
6 апреля 2010, 11:37
Помогите, пожалуйста, решить проблему. При нажатии на метку в появляющейся информации (в картинке) видны пробелы (т.е. как бы разрырвы в картинке) - подскажите как сделать изображение ровным без разрывов.
Спасибо

2 комментария
API 1.x,конфликт верстки
Проблемы с отображение схемы проезда
Alexander234
12 января 2010, 12:18

В яндекс картах схему проезда нарисовал точно по улицам, скопировал код на сайт, но на сайте схема проезда получается сдвинута влево, а точка носмально стоит. Не могу понять в чем дело. Карта здесь http://vbvrn.ru/o-pitomnike/kontakty.html
Да еще когда нажимаешь на точку, по подсказка тоже появляется сдвинутой влево.


4 комментария
API 1.x,конфликт верстки
Балун выводит с отступами и ломает его
Удалённый пользователь
5 декабря 2009, 19:46

Это видно только на этом шаблоне , но к сожалению поменять его не могу.

Сылка на сайт

сыллка на шаблон

 

Такое во всех браузерах . А найти не могу где это прописывается

потому как покартинке видно что делает отступ 5 10 5 10 пикселей

1 комментарий
API 1.x,конфликт верстки,балун
обрезаны кнопки зума плюс и минус
S0723
30 ноября 2009, 16:57

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

1 комментарий
API 1.x,конфликт верстки
Максимальная ширина балуна
Роман К.
23 ноября 2009, 19:37

Привет!

Можно ли через YMapsML ограничить максимальную ширину балуна. У меня устанавливается ширина 520. Где я могу ограничить ширину и от чего зависит ширина, которая устанавливается автоматически. Да, ширина в 520 пикселей гораздо шире текста, который выводится в балуне.

Автоматически формируется такой контейнер для содержимого балуна.

<div class="YMaps-b-balloon-content" style="overflow: hidden; position: relative; width: 520px; height: 32px; max-width: 520px; max-height: 500px;">

10 комментариев
API 1.x,конфликт верстки,балун
[Решено] Метки сползает при увеличении масштаба...
koshmos
19 октября 2009, 15:28

Описание проблемы:

Метка (и балуны) сползают при увеличении (и уменьшении) масштаба. Как этого можно избежать? (см. скриншот)

Крестиками отмечена точки на которых ДОЛЖНЫ быть метки. Возможно ли как-нить ввести корректировку для разных масштабов? Что делать?


Причина проблемы:

Сползание происходило из-за влияния таблицы стилей (css) на div блок, выводящий карту яндекс.


Решение проблемы:

1) Добавить в div блок, выводящий карту yandex class="yandexmap":


<div class="yandexmap" id="YMapsID" style="width:100%;height:600px"></div>

2)В таблицу стилей (.css - файл) добавить:

.yandexmap img {
    margin: 0px;
    padding: 0px;
    border: 0px solid #DDDDDD;
}


 


1 комментарий
API 1.x,конфликт верстки,балун