Google Map does not work in ionic view pro

#1

Hey guys.
I got this error when I viewed my app on Ionic view pro.

image
image.jpg1552x600 30.2 KB

I tried to view it on Ionic legacy view and also build .apk to my device and it worked.
This is my code:

index.html

  <!-- load google map api -->
  <script src="http://maps.google.com/maps/api/js"></script>

home.ts

    let latLng = new google.maps.LatLng(21.0318202, 105.8495298);

    let mapOptions = {
      center: latLng,
      zoom: 16,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      mapTypeControl: false,
      zoomControl: false,
      streetViewControl: false
    }

    this.map = new google.maps.Map(document.getElementById(this.mapId), mapOptions);

home.html

  <!-- Show map here -->
  <div id="{{ mapId }}" [ngStyle]="{height: mapHeight + 'px'}"></div>

Please help me. Thanks advice.