Google Map JS Zoom and StreetView Control not enable


#1

Hi everybody,

Im in emergency for deadline. Please is there any one help me about Google Maps.

I have tried a lot time for make enable Google map Zoom and StreetView controls buttons. But i couldnt show it.


import { Component, ViewChild, ElementRef } from ‘@angular/core’;
import { NavController } from ‘ionic-angular’;

declare const google;

@Component({
selector: ‘page-home’,
templateUrl: ‘home.html’
})
export class HomePage {

@ViewChild(‘map’) mapElement:ElementRef;
map:any;

constructor(public navCtrl: NavController) {
}

ionViewDidLoad(){
this.mapLoad();

}

mapLoad(){
let latlng= new google.maps.LatLng(22,44);

this.map = new google.maps.Map(this.mapElement.nativeElement,{
  center:latlng ,
  streetViewControl: true,
  zoomControl: true,
  zoom: 4,
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

}

}


That work in web browser in desktop but when i build for IOS and run in device. NO Controls buttons. Please help