百度地图-点击弹窗失效

项目场景:

百度地图-mapvgl海量打点,点击弹窗显示详细信息说明。

问题描述

每次刷新浏览器重新绘制圆点
第一次点击圆点,弹窗正常显示
第二次点击或者多次点击,弹窗不显示

// 点图
            let map = map;
            let pointLayer = new mapvgl.PointLayer({
                renderOrder: 6,
                blend: "default",
                enablePicked: true, // 是否可以拾取
                selectedIndex: -1, // 选中数据项索引
                selectedColor: '#ff0000', // 选中项颜色
                autoSelect: true, // 根据鼠标位置来自动设置选中项
                onClick: (e) => { // 点击事件
                    console.log(e);
                    if(e.dataIndex!=-1){
	                   	let opts = {
		                   	width: 230, // 信息窗口宽度
		                    height: 290, // 信息窗口高度
		                    title: "详情", // 信息窗口标题
	                    }
                    
	                    let infoBoxInfo = "<p>我爱我的祖国</p>"
	                    let infoWindow = new BMapGL.InfoWindow(infoBoxInfo,opts); // 创建信息窗口对象
	                    let lnglat = e.dataItem.geometry.coordinates;
	                    let coord = new BMapGL.Point(lnglat[0], lnglat[1]);
	                    map.openInfoWindow(infoWindow, coord); // 开启信息窗口
	                    infoWindow.disableCloseOnClick() // 重要!解决infoWindow不弹窗
                    }
                }
            });
            
            view.addLayer(pointLayer);

原因分析:

暂无

解决方案:

参考博文:https://blog.csdn.net/tabooblood/article/details/133684367

关键代码:infoWindow.disableCloseOnClick() // 重要!解决infoWindow不弹窗

  • 8
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值