graphicslayer点击事件顺序问题

QQ图片20180104100331.jpg

RT,想给一个graphicslayer实现如下功能:1、鼠标悬浮变pointer;2、点击弹出信息框;3、移出关闭信息框,代码如下:
layer.on("mouse-over", function (evt) {
map.setMapCursor("pointer");
console.log("mouse-over...");

});

layer.on("click", function (evt) {
console.log("click...");

var content = evt.graphic.getContent();
map.infoWindow.setContent(content);
var title = evt.graphic.getTitle();
map.infoWindow.setTitle(title);
map.infoWindow.show(evt.screenPoint);

});

layer.on("mouse-out", function(evt){
console.log("mouse-out...");
map.setMapCursor("default");
map.infoWindow.hide();
});
为什么点击图形后,鼠标并未移出,信息框自动关闭了呢?控制台中输出如下:


mouse-over...
click...
mouse-out...
mouse-over...
这个点击后会出现蓝色的选中框,不知道是不是这个造成的?
已邀请:

swaggyP - 网络粉刷匠

赞同来自:

你是不是鼠标移动到弹窗上边了,如果移动到弹窗上边,也会失去graphiclayer的焦点,就会关闭弹窗了。我这边测试在graphiclayer内移动,是不会消失的

要回复问题请先登录注册