如何更改谷歌地图API控件的大小?

Question

Google Maps API只是大大增加了默认地图控件(地图类型，缩放，全屏等(的大小。 如何更改它们的大小？

Answer 1

您可以通过在创建地图时设置选项中的controlSize来设置控件的大小。

let map;
function initMap() {
map = new google.maps.Map(document.getElementById("map"), {
center: {
lat: -34.397,
lng: 150.644
},
zoom: 8,
controlSize: 20,
});
}

#map {
width: 300px;
height: 200px;
}

<script src="https://maps.googleapis.com/maps/api/js?key=&callback=initMap" async defer></script>
<div id="map"></div>

Answer 2

您无法更改地图控件的大小，但可以创建自定义控件/视图并处理其单击以执行所需的任务。 例如，创建放大/缩小控件，然后设置其单击侦听器，

fabZoomIn.setOnClickListener(this);
fabZoomOut.setOnClickListener(this);

因此，当用户单击这些控件时，您将获得回调，您可以调用适当的函数。 这是我在我的应用程序中执行此操作的方式：

@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.fabZoomInDashboard:
googleMap.animateCamera(CameraUpdateFactory.zoomIn());
break;
case R.id.fabZoomOutDashboard:
googleMap.animateCamera(CameraUpdateFactory.zoomOut());
break;
}
}

fabZoomIn 和 fabZoomOut 是在用于缩放的布局中添加的自定义控件。您可以对其他控件执行相同的操作。