谷歌地图：如何移动缩放控件？

Question

如何通过API将Google Maps缩放控件移动到地图的对面？

- JustinT

---

我不想成为那个人，但你是否阅读了手册？ - Peter Bailey

Answer 1

var myOptions = {
                zoom: 6,

                zoomControl: true,
                zoomControlOptions: {
                    style: google.maps.ZoomControlStyle.SMALL,
                    position: google.maps.ControlPosition.LEFT_CENTER
                },

                scaleControl: true,
                panControl: true,
                navigationControl: false,              
                mapTypeId: 'roadmap',
                streetViewControl: false,
                center: new google.maps.LatLng(XXX,XXX)
            }

map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);

- Junaid Anwar

Answer 2

假设您使用的是API的第二个版本：

map.addControl(new GLargeMapControl3D(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,10)));

请注意，GSize将使其定位到您想要的位置。如果您希望它进一步向下，请将第二个参数的值增加。

- Bob

Answer 3

我在使用 Google Maps API V3，因为 V2 已经被弃用了。

    function initialize()
    {
    var mapProp = {
    center: new google.maps.LatLng(51.508742,-0.120850),
    zoom:7,
    panControl:false,
    zoomControl:true,
    zoomControlOptions: {
    style: google.maps.ZoomControlStyle.SMALL,
    position: google.maps.ControlPosition.RIGHT
    },
    mapTypeControl:false,
    scaleControl:false,
    streetViewControl:false,
    overviewMapControl:false,
    rotateControl:false,    
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
}

- 664

Answer 4

在 CSS 中使用以下代码：

.gmnoprint:nth-child(9) { left: 50%; }

- argarga major

Answer 5

根据文档，支持以下控制位置：

• TOP_CENTER 表示控件应该放置在地图的顶部中心。
• TOP_LEFT 表示控件应该放置在地图的左上角，控件的任何子元素都会“流向”顶部中心。
• TOP_RIGHT 表示控件应该放置在地图的右上角，控件的任何子元素都会“流向”顶部中心。
• LEFT_TOP 表示控件应该放置在地图的左上方，但在任何 TOP_LEFT 元素下面。
• RIGHT_TOP 表示控件应该放置在地图的右上方，但在任何 TOP_RIGHT 元素下面。
• LEFT_CENTER 表示控件应该放置在地图的左侧，位于 TOP_LEFT 和 BOTTOM_LEFT 位置之间的中心位置。
• RIGHT_CENTER 表示控件应该放置在地图的右侧，位于 TOP_RIGHT 和 BOTTOM_RIGHT 位置之间的中心位置。
• LEFT_BOTTOM 表示控件应该放置在地图的左下角，但在任何 BOTTOM_LEFT 元素上面。
• RIGHT_BOTTOM 表示控件应该放置在地图的右下角，但在任何 BOTTOM_RIGHT 元素上面。
• BOTTOM_CENTER 表示控件应该放置在地图的底部中心。
• BOTTOM_LEFT 表示控件应该放置在地图的左下角，控件的任何子元素都会“流向”底部中心。
• BOTTOM_RIGHT 表示控件应该放置在地图的右下角，控件的任何子元素都会“流向”底部中心。

来源：https://developers.google.com/maps/documentation/javascript/controls

---

e.g.:

const options: google.maps.MapOptions = {
  // your options
  zoomControlOptions: {
    position: google.maps.ControlPosition.LEFT_BOTTOM
  }
};

const map = new google.maps.Map(document.getElementById('map'), MAP_DEFAULT_OPTIONS);

- Emeric