openlayer使用——在angular2项目里给地图添加全屏控件和图标

效果

还是用代码进行解释

1、html

//  这个放哪无所谓，后期要移到地图上的。设置图片的显示大小，在地图发生变化时，图片的大小始终不发生改变
<div #item1 class="mapimg">
 	<img src="assets/images/item.png" alt="">
</div>

// map一定要有宽高
<div class="flagmap" #flagmap>
	<div class="map" #map>
	
	</div>
</div>

2、ts

  // 这是angular的dom获取
  @ViewChild('item1', { static: false }) item1: any;
  @ViewChild('map', { static: false }) map1: any;

ngAfterViewInit(): void {
	this.Map();
}
Map() {
	this.map = new Map({
	      target: this.map1.nativeElement,