腾讯地图使用中,出现“鉴权失败,请传入正确的key”问题, 需要到腾讯官网申请一个key。
image.png// 把key复制过来,找到对应的页面加上
<script id="mapJs" type="text/javascript" src="//map.qq.com/api/js?v=2.exp&key=xxxxx-xxxxx-TJFUH-DMFG7-xxxxx-xxxxx"></script>
参考通过一下两种方式,根据不同的域名,引用不同的js
<script>
//如果是a.cn环境(改变src的连接)
window.onload=function(){
var mapJs=document.getElementById('mapJs');
if(window.location.href.indexOf('a.cn') > -1){
mapJs.setAttribute('src','//map.qq.com/api/js?v=2.exp&key=xxxxx-xxxxx-BGI4E-754XO-xxxxx-xxxxx')
}
}
//方式2 (添加script的标签)
window.onload=function(){
var mapJs=document.createElement('script');
if(window.location.href.indexOf('a.cn')!==-1){
mapJs.setAttribute('src','//map.qq.com/api/js?v=2.exp&key=xxxxx-xxxxx-TJFUH-DMFG7-xxxxx-xxxxx')
}
else{
mapJs.setAttribute('src','//map.qq.com/api/js?v=2.exp&key=xxxxx-xxxxx-BGI4E-754XO-xxxxx-xxxxx')
}
document.body.appendChild(mapJs);
}
</script>
网友评论