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 然后样式就生效了

在这里插入图片描述