隐藏谷歌地图的全屏控制

时间:2017-10-18 06:46:42

标签: javascript google-maps charts google-visualization ionic3

您好我正在使用谷歌可视化图表Google Map Chart中提供的谷歌地图。但我们无法隐藏全屏控制符号出现在右上角的位置。可以看到可用选项here。我还尝试使用官方谷歌地图api文档fullscreenControl上给出的 fullscreenControl:false 选项,但这对我不起作用。请建议如何在移动/离子应用上禁用此选项。

,

提前致谢

1 个答案:

答案 0 :(得分:0)

以下在Ionic应用程序中对我有用的代码,您可以尝试以下操作:

declare var google; // declare this var above @Component({}) with your other imports

directionsDisplay = new google.maps.DirectionsRenderer;
@ViewChild('map') mapElement: ElementRef;
map: any;

this.map = new google.maps.Map(this.mapElement.nativeElement, {
  zoom: 15,
  center: this.maplocation, // this.maplocation={lat:'',long:''} is my Lat,Long values
  fullscreenControl: false
});

this.directionsDisplay.setMap(this.map);
new google.maps.Marker({
  position: this.maplocation,
  map: this.map
});

在HTML中:

<ion-content>  
  <div #map id="map"></div>
</ion-content>