将光标样式更改为可点击标记的指针

Question

我使用v3在这里创建了一个带有几个标记的地图，这里有地图javascript api 单击标记时，单击标记的信息按钮将显示。

默认情况下，将鼠标悬停在标记上时，光标样式保持不变。给用户留下标记不可解答的印象。

有没有办法将光标样式更改为指针（http://www.javascripter.net/faq/stylesc.htm）？ 这样用户会注意到标记是可以解决的。

Answer 1

如果您使用的是this示例，则可以看到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);