使用百度地图 API 出现 A parser-blocking, cross site (i.e. different eTLD+1) script 警告

2024-05-31

首先我们一般引入百度地图 API 的方式:

<script src="http://api.map.baidu.com/api?v=2.0&ak=ijgE40****en1otweZ"></script>

这里的地址需要改一下,也就是 api 改成 getscript 就可以了:

<script src="http://api.map.baidu.com/getscript?v=2.0&ak=ijgE4****1otweZ"></script>

其实就是页面渲染完成后使用了 document.write(),这是不被允许的。

https://lbsyun.baidu.com/jsdemo.htm#aCreateMap 创建百度地图

<div id="l-map"></div>
<style type="text/css">
	#l-map{width: 100%;height:500px;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=1Lra****************R4qn8"></script>

<script type="text/javascript">
var map = new BMapGL.Map('l-map');
var point = new BMapGL.Point(104.63439,35.586086);
map.centerAndZoom(point, 19);
var opts = {
    width: 200,
    height: 70,
    title: '定西医院'
};
var infoWindow = new BMapGL.InfoWindow('地址:甘肃省定西市安定区解放路37号(永定市场对面)', opts);
map.openInfoWindow(infoWindow, point);
function getInfoContent() {
    alert(infoWindow.getContent());
}
map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
</script>

相关内容
最新

坚持的力量

wordpress建站,视频剪辑拍摄,动画制作