gis地图鼠标悬浮文字显示

直接上代码

this.view.on("pointer-move", function (evt) {
        var screenPoint = {
            x: evt.x,
            y: evt.y
        };
        _this.view.hitTest(screenPoint)
            .then(function (response) {
                var mapPoint = _this.view.toMap(screenPoint);
                if (response.results.length > 0) {
                    window.clearTimeout(_this.timeOut);
                    _this.timeOut = "";
                    var name = response.results[0].graphic.attributes.stnm;
                    _this.view.popup.open({
                        location: mapPoint,
                        title: "站名", 
                        content: `<span style="color:red;">${name}</span>`
                    });
                } else {
                    _this.timeOut || (_this.timeOut = setTimeout(() => {
                        _this.view.popup.close();
                    }, 500))
                }
            });
    })

注:注册该事件,并声明全局变量timeOut

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值