美文网首页
引用腾讯地图 出现“鉴权失败,请传入正确的key”问题的处理

引用腾讯地图 出现“鉴权失败,请传入正确的key”问题的处理

作者: DDLH | 来源:发表于2019-05-16 14:42 被阅读0次

    腾讯地图使用中,出现“鉴权失败,请传入正确的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>
    

    相关文章

      网友评论

          本文标题:引用腾讯地图 出现“鉴权失败,请传入正确的key”问题的处理

          本文链接:https://www.haomeiwen.com/subject/zbymaqtx.html