Question

如何将zoomControl选项和panControl定位彼此相邻但位于中间位置？我使用了LEFT_CENTER命令但它没有将它们彼此相邻插入。谢谢你...

map = new google.maps.Map(mapDiv, {
        center: new google.maps.LatLng(39.300299, 34.471664),
        zoom: 6,
        disableDefaultUI: true,
        mapTypeControl: true,
        //mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU, position: google.maps.ControlPosition.RIGHT_TOP },
        mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU, position: google.maps.ControlPosition.LEFT_TOP },
        mapTypeId: google.maps.MapTypeId.TERRAIN,
        panControl: true,
        panControlOptions: { position: google.maps.ControlPosition. LEFT_CENTER},
        zoomControl: true,
        zoomControlOptions: { style: google.maps.ZoomControlStyle.BIG, position: google.maps.ControlPosition.LEFT_TOP },
        scaleControl: true,
    });

Answer 1

对于默认控件，您必须使用Control Positioning，因此您不能将它们放在LEFT_CENTER中。

但是如果您使用自定义控件以便更改自定义控件的位置，则可以看到this example。在该示例中，您可以通过更改其边距值来更改自定义控件的位置。例如：controlUI.style.marginBottom = 100px;（您可以在此链接中看到更改：http://jsfiddle.net/cmw3zy9p/）

但是对于默认控件，您必须遵循支持的控件位置。

控制选项Javascript Google Maps

1 个答案: