无法在Ionic4，angular6中读取null的属性“ firstChild”

Question

我正在使用API​​使用以下代码从数据库获取经度，

ngOnInit() {
  this.http.get("http://www.example.com/getlatlong").subscribe(response => {
    if (response['success']) {
      this.detail = response['data'];

      if (this.detail.type == 'location') {
        var myLatLng = { lat: this.detail.lat, lng: this.detail.lng };
        var mapProp = { center: myLatLng, zoom: 5 };
        this.map = new google.maps.Map(document.getElementById("map"), mapProp);
        var marker = new google.maps.Marker({
          position: myLatLng,
          map: this.map
        });
      }
    }
  });
}

在我的HTML中

<div *ngIf="detail.type=='location'">
  <div id="map" class='googleMap'></div> 
</div>

当我在浏览器中运行时，它显示出如下错误：

Cannot read property 'firstChild' of null

有人有建议吗？