百度地图使用报错:Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'

百度地图使用报错:Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'_第1张图片

第一次使用百度地图,自定义的inforwindow,使用的时候一直正常,但是只要我把信息窗口的那个叉叉关闭掉,再点击标注的时候 就会报上面的这个错误。 

先给大家看一下我的使用方法:

我把信息窗口的数据放在了一个div中,使用vue的数据绑定动态从后台获得数据。

百度地图使用报错:Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'_第2张图片

 vue文件的data部分:

百度地图使用报错:Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'_第3张图片

下边是我对信息窗口的使用,从后台获取数据之后,把数据给div中table绑定的pileData,然后就调用信息窗口:

 

就是这样,一直报错。而且报错的信息刚开始让我很摸不着头脑,因为我的页面根本就没有明显的使用appendChild 。百度很久并没有发现有人有同样的问题,然后继续就研究百度地图的文档,

查看了百度地图api,上面说信息窗口的参数如下所示:

百度地图使用报错:Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'_第4张图片

看了之后我还是会觉得我的传参是没有问题的啊,我document.getElementById("info")获取的不就是一个dom节点吗?我还特地打印了出来,确实是一个dom对象啊,然后就眼高手低的忽视了,再后来我还是觉得可能是dom对象跟dom节点的问题,但是我没法找到一个好的办法去转换他们,所以我想还是用最原始的办法吧,把html元素拼接成一个字符串传进去得了,于是就有了下面的代码,成功解决这个问题。

百度地图使用报错:Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'_第5张图片

 

 

你可能感兴趣的:(前端)