Googleマップの小さなコントロール

Question

私は非常に小さな地図（180x120）を持っていますが、私はまだ人々がズームインとズームアウトできるようにしたいです。 +と - のみを地図上に表示するにはどうすればよいですか？

私はGmap v3を使用しています。

私は検索してGoogleマップのヘルプで何かを見つけられませんでした。おそらく、私は正しく検索しませんでした。

おかげ

Answer 1

のコントロールは、デフォルトでにマップのサイズによって異なります。ただし、ほとんどのコントロールをmap optionsでオフにしたり、スタイルを変更したりすることはできます。

あなたの場合、Googleマップは180x120pxマップの3つのコントロールを表示するようです。

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

参照：