Google Map маленькие элементы управления

Question

Я получил очень маленькую карту (180x120), но я все еще хочу, чтобы люди могли увеличивать и уменьшать масштаб. Как отобразить только + и - на карте?

Я нахожусь на Gmap v3.

Я искал и ничего не нашел в справке по карте Google, возможно, я неправильно выполнил поиск.

Спасибо

Answer 1

Элементы управления, показанные на карте по умолчанию , зависят от размера карты. Однако вы можете отключить (или изменить положение или изменить стиль) большинства элементов управления с помощью параметров карты .

В вашем случае кажется, что карты Google показывают три элемента управления для карты размером 180x120 пикселей. Вы можете отключить элементы управления типом карты и видом на улицу, что оставляет за собой компактное управление масштабированием:

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);

Демо здесь .

Answer 2

Вы можете отключить пользовательский интерфейс по умолчанию и включить только кнопки масштабирования -

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 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