Изменить стиль курсора на указатель для интерактивных маркеров

Question

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

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

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

Answer 1

Если вы используете этот пример, то вы можете увидеть group это элемент DOM. Поэтому мы можем применить простой код JavaScript:

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);