控制选项 Javascript Google 地图

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. In that example, you can change the position of the custom control by change its margin value. ex: controlUI.style.marginBottom = 100px; (You can see the change in this link: http://jsfiddle.net/cmw3zy9p/)

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

控制选项 Javascript Google 地图

Control Options Javascript Google Maps

javascript

google-maps