Клуб API Карт

Найдено на тему «CSS»:
Ширина поля поиска
Alexander Shabunevich
19 мая 2016, 17:11

Всем привет!

Понадобилось слегка подкрутить стандартный контрол searchControl, а именно, сместить его, чтобы разместить рядом с логотипом. Это отключило опцию float и адаптивность пропала: на маленьких экранах поле поиска теперь вылезает за край. Хотелось бы каким-то образом (в идеале через CSS) задать ширину поля поиска для маленьких экранов. Как это можно проще всего сделать? Все css-классы с неудобным префиксом ymaps-2-1-39, в документации подходящих параметров не нашел, а делать полностью свой шаблон не хочется — изменения мелкие. Может кто подскажет?

1 комментарий
элементы управления,CSS,кастомизация,SearchControl
Не работает задание некоторых типов курсора для меток
FlinnRaider
24 марта 2016, 19:13

Собственно, заголовок все объясняет.

Вот тут есть пример - https://jsfiddle.net/6wx359bd/ - вместо указанных используется "grab" в хроме и "move" в файерфоксе (вообще на всей карте, независимо от того, наведен ли курсор на метку или нет).

При этом в документации css - https://developer.mozilla.org/ru/docs/Web/CSS/cursor все работает (нужно понаводить мышкой на подсвеченные иконки).

В чем проблема и можно ли ее решить?

2 комментария
placemark,CSS,курсор
Табы в балуне
allians-sk
1 июля 2015, 04:32

Как торазбирался в этом апи, потом забросил) Опять вернулся. Кто добрый может сказать ( лучше кодом), как заставить работать табы в балуне. Вот через MyBalloonContentLayout

 

    MyBalloonContentLayout = ymaps.templateLayoutFactory.createClass(
            
                ' <ul class="nav nav-tabs" id="Tab">' +
  ' <li class="active"><a href="#home">Home</a></li>' +
  ' <li><a href="#profile">Profile</a></li>' +
  ' <li><a href="#messages">Messages</a></li>' +
  ' <li><a href="#settings">Settings</a></li>' +
 '</ul> '+
 '<div class="tab-content">'+
'  <div class="tab-pane active" id="home">czxcxzcxczx.</div>'+
'  <div class="tab-pane" id="profile">.zxczczxcz.</div>'+
 ' <div class="tab-pane" id="messages">..zxczxc.</div>'+
 ' <div class="tab-pane" id="settings">.zxczxczxczxc</div>'+
'</div>'
        ),

А дальше как функци прописать на клики по табам?

8 комментариев
API 2.1,балун,CSS
Проблемы с отображением маркеров
Синицын Александр
23 июня 2015, 17:52

Подскажите, буря на какой планете могла так их перекосить? Почему стили сайта влияют на карту...

 

Такой стиль немного исправил косяк, но не совсем

#map * {

  box-sizing: border-box;

  padding: 0;

  margin: 0;

}

5 комментариев
API 2.1,CSS
Не отображается карта на сайте
cufs.metrica
8 июня 2015, 23:00

Добрый день! Не отображается Яндекс карта на сайте cufs.ru Причем в мобильной версии  и в браузере Mozila всё отлично работает. Но когда заходишь со стационарного компьютера через любой другой браузер (IE, Chrome Opera) отображение отсутсвует. 

2 комментария
API 2.0,CSS
Шаблон метки
Игорь Воробьёв
26 мая 2015, 21:30

Добрый вечер,  у меня такой вопрос: Как задать свой шаблон для iconContent, я создал коллекцию меток и присвоил им изображение million.svg

millionСityCollection = new ymaps.GeoObjectCollection(null, {
iconLayout: 'default#imageWithContent',
iconImageHref: 'public/images/icon/million.svg',
iconImageSize: [40, 40],
iconContentOffset: [30,14]
});

 

Далее, я хочу сделать подложку под Название города те 

millionСityMoscowCoords = [55.75399400, 37.62209300];

        millionСityCollection.add(new ymaps.Placemark(millionСityMoscowCoords,{

iconContent: "<div class=\"city\">Москва</div>",

}));

 

Вопрос как сделать, чтобы мой блок <div class=\"city\"> был под изображением  и был резиновым те принимал всю ширину названия города

iconImageHref: 'public/images/icon/million.svg', и со сдвигом под него?


Итоговый результат вижу так

 

5 комментариев
метка,API 2.1,CSS,макеты
Вместо карты в Вордпрессе серый фон
Зоя Спицына. Коуч
22 мая 2015, 17:40

Не всегда отображается карта на вот этой странице http://kaluga4you.ru/muzei-kalugi/.

Открываю в хроме на компьютере - серый фон вместо карты, а на планшете тоже в хроме карта видна. 

Из техподдержки ответили следующее:

Сделайте правило %%media="all"
audio, canvas, video {
display: inline-block;
max-width: 100%;
}%% более специфичным.


Коллеги, пожалуйста, поясните по русски, что они имели ввиду? Владею только основами верстки и не понимаю, что значит "более специфичное" правило

8 комментариев
API 2.1,CSS
Не отображается карта на сайте
vlad693738
20 мая 2015, 17:32

Добрый день!

Необходимо разместить карту на сайте, но при встраивании кода на сайт(joomla) отображается интерфейс карты + метка, но нет самой карты.

Адрес тестовой платформы: http://salon_krasoti_2.test32.ru/ 

Виной этому один из скриптов, но никак не могу найти, какой именно.

С уважением, Владислав.

2 комментария
API 2.1,CSS
Размер карты
Владимир Филиппов
19 мая 2015, 08:56

Как вписать карту в границы блока, чтобы не было пустого места справа (см. скриншот)?

(https://yadi.sk/i/WSekOnyFgip9t)

 

И ещё вопрос: как на своей карте построить пеший(!) маршрут?

7 комментариев
API 2.1,CSS
Серая карта
Анатолий
9 апреля 2015, 13:10

http://мысовскъ-бабушкин.рф/babushkin-na-karte/

Скрипт ставил из api. 

Сайт на wp, тема jolene. Меняю тему - карта грузится. Вероятно, проблема в конфликте css.

И вот тут затык: где именно? Погуглил, не нашёл. Не подскажете?

 

1 комментарий
API 2.1,CSS
пользовательские стили CSS для содержимого балуна
alantus
23 марта 2015, 16:08

Доброго времни суток.

Подскажите, пожалуйста, в версии 2.х можно через CSS задать свои стили например для текста в балуне? Или это нужно делать как-то иначе?

В версии 1.х это работало, а в 2.х пока никак не получается. Однозначного ответа ни в документации, ни в песочнице, ни в клубе найти пока не удалось.

4 комментария
API 2.1,балун,CSS
Размещение счётчиков на карте
wiki@svrt.ru
23 февраля 2015, 11:51

Как красиво разместить на карте свои счётчики?

Сама карта размещается так:
    <style>
        html, body, #map {
            width: 100%; height: 100%; padding: 0; margin: 0; }
    </style>

......
<body>
<div id="map"></div>
</body>

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

Если сделать размер карты менее чем 100% - это как-то неправильно.

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

Может можно сделать счётчики в карте как собственные элементы управления как-то?

2 комментария
API 2.1,CSS
Карта работает некорректно
a.rysakow
30 января 2015, 18:41

Здравствуйте. Извиняюсь, если вдруг пишу не туда. Возникла такая проблема: сделал карту в конструкторе, но при вставки кода на страницу сайта она отображается некорректно. При просмотре страницы с картой, при масштабировании, скроллинге метка и выделенная область, которые я установил в конструкторе смещаются неправильно. Кроме того, в правой части карты остается серая полоса. Эта проблема возникает при просмотре страницы с картой в Google, IE, Opera при просмотре через Firefox карта работает коректно, метки остаются "привязанными" к месту где я их установил в конструкторе. Спасибо

http://dntorlovka.ru/схема-проезда/

4 комментария
CSS,конструктор
При уменьшении размере окна браузера яндекс карта не уменьшается.
Евгений Олегович
4 января 2015, 09:34

Помоему JS яндекса не правильно определяет размеры для яндекс карты. Писать свой JS крайне не охото. Код ниже. Уже целый день маюсь работать не хочет невкакую.

 

<style type="text/css">

    .table {

        display: table;

    }

 

    .row {

        display: table-row;

    }

 

    .cell {

        display: table-cell;

        border: 1px solid #e1e1e1;

        padding: 6px;

        vertical-align: top;

    }

</style> 

 

 <div class="table">

        <div class="row">

            <div class="cell" style="min-width:400px; max-width:400px; width:400px;"></div>

            <div class="cell" style="border-left: 0px;"> <div id="id_detail_map" style="height: 490px; "></div></div>

        </div>

</div>

 

3 комментария
API 2.1,CSS
Отображение карты в Хроме
Евгений Хорев
29 декабря 2014, 10:57

Коллеги, подскажите куда копать. веб-сайт на joomla вставлена яндекс карта (скриптом, без сторонних модулей) в ФФ все отображается нормально, а в хроме нет собственно карты (метки, элементы интерфейса грузятся)

http://npgr.su/cities/yaroslavl#horeca

9 комментариев
API 2.1,Chrome,CSS
objectManager clusters event
Иванов Дмитрий
18 декабря 2014, 13:29

На какое событие подписаться чтобы отловить выбор cluster_tab.

9 комментариев
менеджер объектов,кластеризатор,события,API 2.1,CSS
Странное поведение html при подключении API карт 2.1
p1653v
9 декабря 2014, 13:12

Коллеги, давеча столкнулся с такой проблемой:

Имеется страничка с картой: http://www.major-toyota.ru/about/contacts/sheremetevo/

Спарва имеется прилипающий красный блок с ссылками.

 https://yadi.sk/i/8gZx7VYMdFVqb

 Блок должен прилипать к окну при сколлинге вниз. Но именно на этой странице(на других все ОК) и именно в Google Chrome происходит следующее:

при перемотке вниз, блок с фиксированным позиционирование ползет вниз(все ок) а под ним образуется его дубль, причем этот дубль никак не отмечен в дереве DOM, как будто это картинка на бэкграунде, которая осталась на месте:

https://yadi.sk/i/gRPWJLSodFW5e 

 

Подозрение ложится на яндекс карту - если удалить блок с картой из DOM все становится ОК.

Кто-нибудь сталкивался? 

3 комментария
API 2.1,Chrome,CSS
Убрать overflow: hidden у балуна
Тимофей
30 ноября 2014, 23:07

Подскажите, есть ли программная возможность управлять стилями балуна?

Всем устраивает дефолтовый вид балуна, кроме стиля "overflow: hidden;". Так как не позволяет сделать вот такое залезание на границы балуна - см. картинку.

 

 

 

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

2 комментария
API 2.1,балун,CSS
При загрузке карты изменяется прорисовка Google-шрифтов
svch@svch.ru
30 ноября 2014, 14:07

Добрый день !

В css я подгружаю один из гугл-шрифтов. После загрузки карты почему-то меняется внешний вид текста, причем не в лучшую сторону. Подскажите, можно ли это как-то побороть ?

 

Большое спасибо.

С уважением, Сергей.

2 комментария
API 2.1,CSS
Проблема с background Яндекс.Карт
hostemp
26 ноября 2014, 12:12

Перешли на новый дизайн, возникла проблема с картой http://petrookna.ru/contacts

 

Метки открыты, на сетке нет карты.

1 комментарий
API 1.x,CSS