2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 在angular2工程中去掉高德地图左下角的logo

在angular2工程中去掉高德地图左下角的logo

时间:2023-03-28 13:48:51

相关推荐

在angular2工程中去掉高德地图左下角的logo

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。