如何隐藏（去除）高德地图api左下角logo

近期做的项目用到的高德地图api，但是没有在官方找到隐藏logo的方法，网上找到很多方案比如：

.amap-logo{
    display: none;//去掉高德地图logo
}
.amap-copyright {
    opacity:0;//去掉高德的版本号
}

但是写在vue的.scss文件中，不管是直接假如以上代码还是利用/deep/去更改都不起作用。如下【未起作用】

最后决定尝试HTML最初的style设置方式，结果成功了，操作如下：
找到这个项目的index.html文件

加入这段代码

<style type="text/css">
       .amap-logo{
       display: none;
       opacity:0 !important;
       }
       .amap-copyright {
           opacity:0;
       }
   </style>