2014-12-29 4 views
0

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

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

Есть ли способ сделать, чтобы изменить стиль курсора на указатель (http://www.javascripter.net/faq/stylesc.htm)?
Таким образом, пользователь заметит, что маркер кликнирован.

ответ

0

Если вы используете this пример, тогда вы можете увидеть group - элемент DOM. Таким образом, мы можем применить простой яваскрипт кода:

group.style.cursor = "pointer" 

Вашей функция будет выглядеть примерно так:

function addInfoBubble() { 
    var group = new H.map.Group(); 

    map.addObject(group); 
    group.style.cursor = "pointer"; 
    // add 'tap' event listener, that opens info bubble, to the group 
    group.addEventListener('tap', function (evt) { 
    // event target is the marker itself, group is a parent event target 
    // for all objects that it contains 
    var bubble = new H.ui.InfoBubble(evt.target.getPosition(), { 
     // read custom data 
     content: evt.target.getData() 
    }); 
    // show info bubble 
    ui.addBubble(bubble); 
    }, false); 
Смежные вопросы