[英]Change cursor style to pointer for clickable markers
我使用v3此处的地图javascript API创建了一个带有几个标记的地图。
单击标记时,将显示单击标记的信息气泡。
默认情况下,将光标悬停在标记上时,光标样式保持不变。 给用户的印象是标记不可点击。
有没有办法将光标样式更改为指针( http://www.javascripter.net/faq/stylesc.htm )?
这样,用户将注意到标记是可点击的。
如果使用此示例,则可以看到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);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.