在运用高德地图的过程中,会遇到去掉左下角logo的需求,但是在高德地图官方文档中明确规定不能去掉这个logo,所以最终只能实现移位隐藏,通过看源码可以发现,关于地图和版权号的标注的class的css代码是下面两段:
,
.amap-logo {
left: 0;
height: 17px;
margin: 0 1px;
}
.amap-copyright {
display: block!important;
left: 70px;
height: 16px;
font-size: 11px;
}
所以最终目的是将amap-logo和amap-copyright这两个class的元素进行移位隐藏。
在angular2中,实现此功能的做法是在index.html中,加一个style标签
代码如下:
<style>
.amap-logo {
bottom:-100px;
display: none;
}
.amap-copyright {
bottom:-100px;
display: none;
}
</style>
最终可以实现隐藏logo个版权号的操作。