此服务存在一些问题,每次我打开模态修改地址时都会向我显示默认地图,因此我需要知道如何将地址参数传递给服务以向我显示确切的当前位置我打开模态。
这是我的实现方式
HTML按钮
<button attr.disabled="true" (click)="openAddress()" type="button" class="btn btn-outline-secondary border-left-0 rounded-right"
ngbTooltip="Buscar"
placement="top"
style="border-radius: 0;">
<i class="fas fa-search-location"></i>
</button>
来自组件的事件
openAddress() {
let modal = this.modalService.open(MapSearchComponent, {size: "lg"});
modal.componentInstance.addressEmitter.subscribe(data => {
this.control.setValue(data.completeAddress);
this.locationEmmiter.emit(data);
});
}
在这里我在模态组件上设置默认位置
setMap() {
let map = new google.maps.Map(this.gmapElement.nativeElement, {
center: {lat: -34.5709303, lng: -58.4455997},
zoom: 13,
mapTypeId: 'roadmap'
} as any);