Angular：百度地图引用报错A parser-blocking, cross site (i.e. different eTLD+1) script

接着上一篇Angular：引用百度地图教程(地址：https://blog.csdn.net/qq_36451496/article/details/96111699)来说说，有的小伙伴可能直接在百度地图开放平台上(地址：http://lbsyun.baidu.com/index.php?title=jspopular/guide/getkey)，直接跟着它的说明引用了百度地图的API文件，在index.html中使用：

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

来进行引用。

但是很不幸，发现调试控制台上有一条警告：

A parser-blocking, cross site (i.e. different eTLD+1) script...

虽然对地图的使用没什么影响，但是控制台也不好看呀，那怎么解决呢，很简单，只要把index.html中的http://api.map.baidu.com/api 替换成http://api.map.baidu.com/getscript就可以啦！

看了一些大神的说法是页面渲染完成后使用了document.write() ，没太理解是什么意思，只知document.write(exp1,exp2,exp3,....)是将参数按照顺序写入文档(如果写入多个参数的话，这些参数会自动换行显示)，即将一个文本字符串写入由 document.open() 打开的一个文档流。

如果有知道这个问题具体是因为什么产生的小伙伴，欢迎讨论和指教，谢谢~