百度地图随机标点---自我记录

这段代码展示了如何在WebGL版本的百度地图API中创建InfoWindow,监听marker的mouseover事件来显示信息窗口。同时,定义了点击事件以关闭信息窗口和移除地图上的marker,还禁用了地图的拖拽功能。
摘要由CSDN通过智能技术生成

 <script src="http://api.map.baidu.com/api?type=webgl&v=1.0&ak=换成自己的ak值"></script>

 

 添加地图

    var infoWindow = new BMapGL.InfoWindow(sContent, opts);

        //点击图标显示窗口的事件

        marker.addEventListener("mouseover", function(e) {

            if (!infoWindow.isOpen()) {

                map.openInfoWindow(infoWindow, point);

            }

            setTimeout(() => {

                document.getElementById('baocunclick').onclick = function() {

                    map.closeInfoWindow(); //点击关闭信息窗口  

                }

                document.getElementById('guanbiclick').onclick = function() {

                        map.removeOverlay(marker);

                        map.closeInfoWindow(); //点击关闭信息窗口

                        map.disableDragging();

                    }

                    // document.getElementById('baocunclick').addEventListener("click", function() {

                    //     map.closeInfoWindow(); //点击关闭信息窗口  

                    // })

                    // document.getElementById('guanbiclick').addEventListener('click', function() {

                    //     map.removeOverlay(marker);

                    //     map.closeInfoWindow(); //点击关闭信息窗口

                    //     map.disableDragging();

                    // })

            }, 300)


 

            //this.openInfoWindow(infoWindow);

        })


 

    })

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值