Question

我有一张非常小的地图（180x120），但我仍然希望人们可以放大和缩小。如何在地图上只显示+和 - ？

我在使用Gmap v3。

我在谷歌地图帮助中搜索并没有找到任何内容，也许我没有正确搜索。

由于

Answer 1

您可以禁用默认用户界面并仅启用缩放按钮 -

function initialize() {
    var myOptions = {
    zoom: 4,
    center: new google.maps.LatLng(-33, 151),
    panControl: false,
    scaleControl: true,
    zoomControl: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  var map = new google.maps.Map(document.getElementById("map_canvas"),
       myOptions);
}

有关详细信息，请参阅 - http://code.google.com/apis/maps/documentation/javascript/controls.html#DefaultUI。

Answer 2

地图上显示的控件默认取决于地图的大小。但是，您可以通过map options关闭（或重新定位或更改样式）大多数控件。

在您的情况下，似乎谷歌地图显示了180x120px地图的三个控件。您可以关闭地图类型和街景视图控件，使紧凑的缩放控件保持在后面：

var myOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    mapTypeControl: false,
    streetViewControl: false
};
map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);

Demo here

Answer 3

派对迟到了，但对于任何想要做同样事情的人来说，这可以做到：

mapOptions = {
    zoom: 5,
    center: new google.maps.LatLng( 53.737531, -5.240479 ),
    disableDefaultUI: true,
    zoomControl: true,
    zoomControlOptions: {
        style: google.maps.ZoomControlStyle.SMALL,
        position: google.maps.ControlPosition.LEFT_CENTER
};

请参阅：https://developers.google.com/maps/documentation/javascript/examples/control-positioning

谷歌地图小控件

3 个答案: