谷歌地图小控件

我得到了一个非常小的地图（180x120），但我仍然希望人们能够放大和缩小。如何仅在地图上显示+和 - ？谷歌地图小控件

我在Gmap v3上。

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

感谢

2012-01-12 user1040899

地图上显示的控件默认取决于地图的大小。但是，您可以通过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。

来源

2012-01-12 11:36:56

非常感谢您的帮助:-) – user1040899 2012-01-13 02:44:49

你可以使控制很小。看到我的答案在下面... – DanV 2014-06-18 10:34:07

可以禁用默认的用户界面，使刚刚变焦按钮 -

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以获取更多信息。

来源

2012-01-12 11:23:29 Tom

位迟到了，但任何人试图做同样的，这是可以做到：

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

来源

2014-06-18 10:36:07 DanV

谷歌地图小控件

回答

相关问题