leaftjs： map container is already initialized

最新推荐文章于 2024-04-25 20:51:52 发布

爱哭小老虎

最新推荐文章于 2024-04-25 20:51:52 发布

阅读量871

点赞数

分类专栏： JS react 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_47583380/article/details/125557053

版权

JS 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

react

3 篇文章 0 订阅

订阅专栏

leaftjs：点击弹出框里面字体的事件和报错map container is already initialized

1.在使用leaftjs时报错map container is already initialized。

 /**解决点击弹出框报错问题
*ref1.current是渲染地图的容器
*/
            const container = L.DomUtil.get(ref1.current)
            if (container != null) {
                container._leaflet_id = null
            }

2.监听弹出框里面的事件

//这是marker里面显示的文字，添加**data**属性和calss
 .bindPopup(
   `<p data=${data[i]?.id}  class='pp' style='color:blue'>主体:${
 data[i]?.bodyName || '无'
}</p>`)


//这是全局监听点击*p*标签发生的事件，没有找到leaftjs的方法，唉，就用这个
 	document.addEventListener(
                'click',
                e => {
                    if (e.target.className === 'pp' && 		e.target.getAttribute('data')) {
                       //......写你的操作
                    }
                },
                true
            )