vue中使用高德地图原生api解决自定义样式不生效问题

问题来源

最近在做北京供水系统的时候需要用到地图展示水厂,但是需要做自定义样式,但是官方样式可以,自己的自定义样式不管咋都不行

解决

官方给出解决方法,附上官方连接:https://lbs.amap.com/api/javascript-api/guide/abc/prepare

在这里插入图片描述

<script>
    window._AMapSecurityConfig = {
        securityJsCode:'你的安全秘钥',
    }
</script>

 

好多人说添加上面配置就可以,但是自己添加的不行,那得看添加到什么位置了,

得把这个配置添加到了 vue根目录的pulic/index.html 模版文件里

在这里插入图片描述

如果你在vue中配置高德地图跟我的不一样,可以看看我这篇文章: https://blog.csdn.net/u014641168/article/details/122448241
然后样式就生效了

 

在这里插入图片描述

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注