mog*_*gli 1 javascript google-maps angular
我的网站使用谷歌地图,但我无法在地图上看到全屏功能。如何激活以及为什么我看不到它?
我在地图上添加了以下选项:
var map = new google.maps.Map(document.getElementById('googleMap'), {
zoom: 7,
center: new google.maps.LatLng(this.coordinates[0][1], this.coordinates[0][0]),
mapTypeId: google.maps.MapTypeId.ROADMAP,
zoomControl: true,
scaleControl: true,
zoomControlOptions: {
position: google.maps.ControlPosition.LEFT_TOP
}
});
Run Code Online (Sandbox Code Playgroud)
默认情况下,桌面版 Google Maps API 中不包含全屏控件。将fullscreenControl: true属性添加到用于初始化地图的对象。您的代码应如下所示:
var map = new google.maps.Map(document.getElementById('googleMap'), {
zoom: 7,
center: new google.maps.LatLng(this.coordinates[0][1], this.coordinates[0][0]),
mapTypeId: google.maps.MapTypeId.ROADMAP,
zoomControl: true,
scaleControl: true,
fullscreenControl: true
zoomControlOptions: {
position: google.maps.ControlPosition.LEFT_TOP
}
});
Run Code Online (Sandbox Code Playgroud)
查看文档:https://developers.google.com/maps/documentation/javascript/controls
| 归档时间: |
|
| 查看次数: |
4940 次 |
| 最近记录: |