Google Maps API v3:禁用默认MapTypeControl

时间:2015-07-24 16:33:52

标签: google-maps google-maps-api-3 customization

问题:
是否可以隐藏MapTypeControl下拉菜单?
(Google Maps API v3文档中没有任何内容)。

描述:
我使用google.maps.MapTypeControlStyle.HORIZONTAL_BAR样式的默认控件,我不想创建自定义控件。

MapTypeControl中:

enter image description here

使用鼠标悬停下拉菜单的MapTypeControl:

enter image description here

使用Javascript:

var mapOptions = {
    ...
    mapTypeControl: true,
    mapTypeControlOptions: {
        style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
    },
};
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

1 个答案:

答案 0 :(得分:2)

MapTypeId.TERRAIN控件看起来像是一个下拉列表。你需要它吗?如果没有,您可以使用以下代码

var mapOptions = {
    ...
    mapTypeControl: true,
    mapTypeControlOptions: {
        style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
        mapTypeIds: [
            google.maps.MapTypeId.ROADMAP,
            google.maps.MapTypeId.SATELLITE
        ]
    },
};
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);