Клуб API Карт

Найдено на тему «хинт»:
Добавить ссылку на сторонний ресурс в хинт
Удалённый пользователь
29 ноября 2015, 11:45

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

Определяю для карты макет хинта следующим образом:

 HintLayout = ymaps.templateLayoutFactory.createClass( '<div class="my-hint">' +

Т.е. хочу, чтобы была ссылка на сторонний ресурс. Далее создаю метку:

     myMap.geoObjects

Однако, ссылка не ведёт на http://www.bobbydazzler.ru/, я остаюсь на той же страничке. Подскажите, в чем причина? И как исправить ситуацию?

1 комментарий
ссылка,hint,API 2.1,ссылка в хинте,хинт
Всплывающая подсказка при наведении на объект карты
Удалённый пользователь
22 мая 2015, 09:38

Добрый длень. Подкажите пожалуста: у меня на карте несколько сотен полилиний. Как сделать так, что бы при наведении на полилинию в всплывающей подсказке отображалась, скажем, ширина этой полилинии. В какую сторону искать? Спасибо.

1 комментарий
API 2.1,хинт,ломаная,макеты
Hint объекта.
natallia.radoman
8 мая 2015, 01:33

Добрый день,

На карту добавлен обработчик, который слушает дом событие вне карты - при наведении на объект вне карты на карте происходит поиск, как у полученного объекта карты открыть hint.

$('.items-container').on('mouseenter', '.c-teaser-common', function() {

                        var lat = $(this).attr('lat'),

                            lon = $(this).attr('lon');

 

                        // Для работы с результатом нужно дождаться его готовности.

                        storage.then(function () {

                            var result = storage.search('geometry.coordinates.0 =' + lat).search('geometry.coordinates.1 =' + lon);

                            var object = result.get(0);

                            if (clusterer.getObjectState(object).isClustered == true) {

                                clinic_hover_cluster = clusterer.getObjectState(object).cluster;

                                clinic_hover_cluster.options.set('preset', 'islands#invertedPinkClusterIcons');

                            } else{

                                result.setOptions('preset', 'islands#pinkIcon');

                            }

                        });

как пользоваться Hint.show() в данном случае не понимаю.

Hint изначально задан в виде шаблона и крепится к Placemarket - у

var placemark = new ymaps.Placemark([lat, lon]

                            , {

                                name: points[i].name,

                                href: points[i].href,

                                balloonContentHeader: points[i].name,

                                balloonContentBody: '<a href="' + points[i].href +'">' + points[i].name +'</a>'

                            }, {

                                balloonContentLayout: BalloonContentLayout,

//                                // Запретим замену обычного балуна на балун-панель.

//                                // Если не указывать эту опцию, на картах маленького размера откроется балун-панель.

                                balloonPanelMaxMapArea: 0,

                                hintLayout: HintLayout,

                                hintPane: 'hint'

                            }

                        );

Т.е цвет я поменять могу, через setOptions('preset', 'islands#pinkIcon'); А вот открыть при этом еще hint не получается.

При обычном ховере на карте хинт показывается отлично.

2 комментария
API 2.1,события,хинт
Позиционирование балуна автоматически в зависимости от позиции маркера на карте
diz2html
28 апреля 2015, 11:28

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

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

Сдвиг карты, конечно тоже неплохо, но все же когда смещается карта, из виду могут потеряться другие метки, находящиеся по краям.

Не знаю правда насколько сложно реализовать такое поведение на картах в api.

2 комментария
метка,API 2.1,балун,хинт
Отображение KML с плавающей подсказкой (хинт) и события по клику на полигон
Алексей
19 февраля 2015, 20:06

Добрый день!

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

На карту выводится полигон из KML файла http://jsfiddle.net/3xoeLr5q/1/ , не могу к нему добавить плавающую подсказу (хинт) при наведении, и чтобы при клике на область сразу осуществлялся переход по ссылке (например, по той, что сейчас отображается в балуне). Следует учесть, что таких полигонов со странами будет много, поэтому желательно чтобы ссылка бралась из файла KML. Заранее спасибо за помощь!

3 комментария
KML,API 2.1,события,хинт
Хинт у кластера objectManager. РЕШЕНО
Ilya Urs
19 февраля 2015, 14:05

У кластера есть свойство hasHint

Вопрос в том, как назначить кластеру этот самый hint?

options.hasHint true 

Тип: Boolean

Флаг наличия у кластеризатора поля .hint. Если при наведении на кластер не нужно показывать всплывающую подсказку, рекомендуется установить эту опцию в значение false, чтобы избежать лишних инициализаций.

 

5 комментариев
кластеризатор,менеджер объектов,API 2.1,хинт
Хинт кластера
Сергей М.
10 февраля 2015, 21:58

Здравствуйте, поскольку кластеры переделали у меня в проекте «полетели» все метки кластеров.

Сделал как описано в новой документации:

var clusterer = new ymaps.Clusterer({
clusterIcons: [{
href: "icon.png",
size: [39, 38],
offset: [-20, -38]
}],
clusterHintContentLayout: ymaps.templateLayoutFactory.createClass("хит кластера"),
openBalloonOnClick:false,
clusterDisableClickZoom: true
});

Работает, только поскольку у икоки кластера есть сдвиг (offset: [-20, -38]) она не круглая, а выглядит как метка с хвостиком, то хинт появляется слишком ниже метки кластера, подскажите пожалуйста как это поправить

Спасибо.

5 комментариев
кластеризатор,API 2.1,хинт
Хинт без привязки к курсору
Игорь Воробьёв
24 декабря 2014, 15:03

Созрел еще один вопрос, как сделать хинт которй не привязан к курсору те у нас есть кастомная метка размеро 30-60 px  соттветвенно хинт отображается и следует за курсором как по горизонтале так и по вертикале. Как задать ему фиксированное положение например отображение только рядом с меткой. Версия карт 2.1

Пример опять приведу этот ресурс

http://gorodkerch.com/map/

3 комментария
API 2.1,хинт
objectManager, кластеризатор, хинт
Masis Abul
11 декабря 2014, 19:48

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

У обычной метки хинт есть и показывается

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

Т.е на кластере хинт из внутренных хинтов (о как завернул) :)

 

читал:

http://clubs.ya.ru/mapsapi/replies.xml?item_no=27840

http://habrahabr.ru/company/yandex/blog/207202/

https://tech.yandex.ru/maps/doc/jsapi/2.1/ref/reference/objectManager.Hint-docpage/

 

может время выбрал не то, не понимаю, как реализовать

 

Спасибо.

3 комментария
кластеризатор,API 2.1,хинт
Странно работает событие hintclose
test-executive
3 декабря 2014, 14:23

Вместо отлова события закрытия хинта, срабатывает как открытие(hintopen). 

polygon.events.add('hintclose', function(event) {
        console.log(event);
      });

Может кто сталкивался?

Нужно для геообекта отловить событие закрытия хинта. 

 

1 комментарий
API 2.1,события,хинт
хинт вылезает за пределы карты
Masis Abul
2 декабря 2014, 19:08

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

а как сделать чтобы не вылезал?

спасибо.

3 комментария
API 2.1,хинт
при замене метки своим изображением пропадают балун и хинт
ambalocha69
24 ноября 2014, 06:19

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

{ preset:"картика из набора яндекса" }

на стандартный пример из песочницы

                { 

                // Необходимо указать данный тип макета.       

                iconLayout: 'default#image',

               // Своё изображение иконки метки.

                iconImageHref: "ссылка",

                // Размеры метки.

                iconImageSize: [60, 40],

                // Смещение левого верхнего угла иконки относительно её "ножки" (точки привязки).

                iconImageOffset: [0, 0]  }     );

исчезают хинт и балун

метка отображается нужная, нужного размера и в нужном месте

 

Ссылка на страницу: http://www.classic-r.ru/index.php?route=product/geosearch&mode=map&upc=176&ean=2722&location=Мытищи 

1 комментарий
метка,API 2.1,балун,хинт
Отображение всплывающей подсказки геообъекта
supreme906
11 ноября 2014, 11:59

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

Использую API Яндекс.Карт. При задании всплывающей подсказки (hintContent) при создании объекта myPlacemark ( var myPlacemark = new ymaps.Placemark(); ) всплывающая подсказка для объекта myPlacemark появляется на карте. Но при переводе карты в полноэкранный режим (Fullscreen) , всплывающая подсказка (hintContent) не отображается.

Помогите, пожалуйста, решить вопрос. 

Спасибо.

1 комментарий
карта на весь экран,API 2.1,хинт
Отображение информации в hint объекта закруженного через geoXml
marj-erokhova
9 сентября 2014, 13:50

Добрый день!

Имею хмл файл с объектами, описанными таким образом:  

<GeoObject>
<gml:metaDataProperty>
<AnyMetaData>
<number>11790</number>
</AnyMetaData>
</gml:metaDataProperty>
<gml:name>г.Бабаево</gml:name>
<gml:hintContent>11790</gml:hintContent>
<gml:Point>
<gml:pos>35.9288 59.3948</gml:pos>
</gml:Point>
</GeoObject>

выполняю такие действия над объектами:
ymaps.geoXml.load('http://lgis.gov35.ru/4/src/getObjects.php?season=1&region=' + $(this).attr("id")).then(function (res) {
console.log(objects);
var objects = ymaps.geoQuery(res.geoObjects);
objects.searchInside(map)
// И затем добавим найденные объекты на карту.
.addToMap(map);
console.log(objects);
map.events.add('boundschange', function () {
// После каждого сдвига карты будем смотреть, какие объекты попадают в видимую область.
var visibleObjects = objects.searchInside(map).addToMap(map);
// Оставшиеся объекты будем удалять с карты.
objects.remove(visibleObjects).removeFromMap(map);
});
});
Содержимое в хинте отсутствует, подскажите, пожалуйста,как праивльно сделать?
17 комментариев
API 2.1,хинт,YMapsML
Cannot read property 'getBounds' of null при использовании шаблона для hint
Никита Мостовой
20 августа 2014, 18:47

Добрый день. 
Задаю для hint следующий код:

var hintLayout = this.ymaps.templateLayoutFactory.createClass(this.$hintTemplate.html());

 

Затем, добавляю Placemark на карту:

var placemark = new this.ymaps.Placemark(

                        [

                            group.lat,

                            group.lng

                        ],

                        {

                            hintContent: 'some content,

                            iconContent: '1'

                        },

                        {

                            hintLayout: hintLayout,

                            preset: 'islands#blackCircleIcon'

                        }

                    ); 


При наведении курсора на placemark получаю ошибку в консоль:

Uncaught TypeError: Cannot read property 'getBounds' of null

 

При удалении строки                            

hintLayout: hintLayout,

ошибка исчезает. 

В чем может быть проблема? 

2 комментария
API 2.1,хинт
Кастомный hint
Никита Мостовой
31 июля 2014, 18:28

Добрый день. 
Имеется некоторый placemark:

 

 

var hintLayout = this.ymaps.templateLayoutFactory.createClass(

                    '<div class="map-hint">$[properties.hintContent]</div>'

                );

var placemark = new this.ymaps.Placemark(

                            [

                                lat

                                lng

                            ],

                            {

                                hintLayout: hintLayout,

                                hintContent: "Данные"

                                iconContent: "Данные"

                            },

                            {

                                preset: 'islands#blackCircleIcon'

                            }

                        ); 

 

 

Пробовал вместо $[properties.hintContent] использовать {{Content}} - однако шаблон не применяется. 

Как можно задать кастомную обвязку (макет) hint'у? В песочнице примера не нашел. В документации достаточно "странный" пример

API 2.1 

3 комментария
API 2.1,хинт,макеты
Сделать ссылк на внешний ресурс с иконкт
Дмитрий
31 июля 2014, 16:36

Здравствуйте. Искал, не нашел нигде, как правильно сделать ссылку непосредственно с иконки на внешний ресурс. Делаю так:

myPlacemark = new ymaps.Placemark([34.036518, -118.687958], {
hintContent: 'Ссылка на внешний ресурс',
iconContent: 'site.com'
}, {
preset: 'islands#darkOrangeStretchyIcon'
});

При этом текст иконки подсвечивается синим, как ссылка, но при нажатии ничего не происходит.

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

2 комментария
API 2.1,хинт,макеты
Почему не отображается Hint
Mackiavelly67
25 июля 2014, 11:34

ymaps.ready(function () {

    var myMap = new ymaps.Map('YMapsID', {

        center: [55.733835, 37.588227],

        zoom: 12,

        controls: []

    });

 

    var myPlacemark = new ymaps.Placemark(myMap.getCenter(), {

        hintContent: 'Hint'

    }, {

        iconLayout: ymaps.templateLayoutFactory.createClass('<span style="border:solid 1px black">X</span>')

    });

 

    myMap.geoObjects.add(myPlacemark);

});

 

в 2.0 все работало четко

1 комментарий
метка,API 2.1,события,хинт
скролинг в Hint 2.1
Mackiavelly67
23 июля 2014, 19:38

Вот пример из песочки...

 

<script>

ymaps.ready(init);

 

function init(){

    var myMap=new ymaps.Map("map",{center:[54.83, 37.11],zoom:5});

    myMap.hint.open(myMap.getCenter(),"Одинокий хинт без метки1<br>Одинокий хинт без метки<br>Одинокий хинт без метки3<br>Одинокий хинт без метки<br>Одинокий хинт без метки5<br>Одинокий хинт без метки<br>Одинокий хинт без метки7<br>Одинокий хинт без метки<br>Одинокий хинт без метки9<br>Одинокий хинт без метки<br>Одинокий хинт без метки11<br>Одинокий хинт без метки<br>Одинокий хинт без метки13<br>Одинокий хинт без метки<br>Одинокий хинт без метки15<br>Одинокий хинт без метки<br>Одинокий хинт без метки17<br>Одинокий хинт без метки<br>Одинокий хинт без метки19<br>Одинокий хинт без метки<br>Одинокий хинт без метки21<br>Одинокий хинт без метки<br>Одинокий хинт без метки23<br>Одинокий хинт без метки<br>Одинокий хинт без метки25<br>Одинокий хинт без метки<br>Одинокий хинт без метки27<br>Одинокий хинт без метки<br>Одинокий хинт без метки29<br>Одинокий хинт без метки<br>Одинокий хинт без метки31<br>Одинокий хинт без метки<br>Одинокий хинт без метки33<br>Одинокий хинт без метки<br>Одинокий хинт без метки35<br>Одинокий хинт без метки<br>Одинокий хинт без метки37<br>Одинокий хинт без метки<br>Одинокий хинт без метки39<br>Одинокий хинт без метки<br>Одинокий хинт без метки41<br>Одинокий хинт без метки<br>");

}

</script>

 

куда подевался скрол хинтов или как это исправить?

в 2.0 все чудесно работает (в том смысле что в хинте присуцтвует скролинг и все смотрится окей)...

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

4 комментария
API 2.1,хинт
Hint приклеен к курсору. Не реботает событие mousemove карты
Удалённый пользователь
14 июля 2014, 12:26

При загрузке карты находимся в режиме редактирования полигона. Задача сразу после рендеринга показывать хинт у курсора при перемещнии курсора перемещать хинт. При создании врешин менять текст хинта.

Как пытался:

 

<script src="http://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>

<script>
...

    function init () {
   
    if(zoom_in>0) zoom_val = zoom_in; else zoom_val = 12;
   
    if(!coords_new) coords_new = [[]];  

    searchMap = new ymaps.Map('ms', {
                        center: [51.53244,46.02038],
                        zoom: zoom_val
                        }),
                // Создаем многоугольник
               myPolygon = new ymaps.Polygon(coords_new,
              {},
              {
                strokeWidth: 6,
                strokeColor: '#0e6c9b',
                draggable: true
              }               
               
            );
            searchMap.events.add('mousemove', function (event) {
                    pos=event.get('position');
                    console.log(pos);
                    searchMap.hint.show(pos, 'Поставьте точку');
                    
             });
            searchMap.geoObjects.add(myPolygon);
            searchMap.controls
                .add('zoomControl')
                .add('miniMap')
                .add('typeSelector')
                .add('mapTools');        
           
             if(!(zoom_in>0)){
                 myPolygon.editor.startDrawing();
             }
             myPolygon.editor.startEditing();
             var chnum = 0;

             //var hint = searchMap.hint.show(pos, 'Поставьте точку');

             myPolygon.geometry.events.add('change', function (e) {
                chnum++;
                if(chnum==1){
                    searchMap.hint.move(pos, 'Поставьте вторую точку');                   
                }
                if(chnum==2){
                    searchMap.hint.show(pos, 'Поставьте третью точку');
                }
                if(chnum==3){
                    searchMap.hint.show(pos, 'Поставьте четвёртую точку или кликните по первой точке и выберите "Завершить"');
                }
  
             });       
      
            })
   
    }

 

Пробовал использовать мутод Move Для хинта, - ругается на необъявленную функцию. Пока же даже не получается получать координаты движения курсора! Пишет их в консроль только после завершения редактирования полигона!

Прошу указать на ошибки. Спасибо.

11 комментариев
события,API 2.0,хинт,полигон