Probelma with mat-expansion-panel in angular 2

I'm using the mat-expansion-panel with angle 2. I paste the panels on the google maps map and when I click on any of the panels (none of them have any functions to do when expanding), I focus the map on lat and lng 0. Why could this be happening?

<div id="maps">
        <div id="googleMap" ></div>
</div>
<mat-accordion>
 <mat-expansion-panel id="expansion-geocerca" (opened)="centerMap()" style="max-height: 500px; overflow: auto;">
      <mat-expansion-panel-header>
          <mat-panel-title>
               Geocerca
          </mat-panel-title>
          <mat-panel-description>    
          </mat-panel-description>
      </mat-expansion-panel-header>
 </mat-expansion-panel>

 <mat-expansion-panel id="expansion-interest-point" (opened)="centerMap()" style="max-height: 500px; overflow: auto;">
      <mat-expansion-panel-header>
          <mat-panel-title>
               Puntos de interes
          </mat-panel-title>
          <mat-panel-description>                        
          </mat-panel-description>
      </mat-expansion-panel-header>
 </mat-expansion-panel>