在运用高德地图的过程中,会遇到去掉左下角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个版权号的操作。