私はGoogle Maps JavaScript API V 3に取り組んでいます。
すべて正常に動作していますが、右上にあるSATELLITEボタンで表示されるMAPボタンを無効にしたいと思います。
これどうやってするの?
私はGoogle Maps JavaScript API V 3に取り組んでいます。
すべて正常に動作していますが、右上にあるSATELLITEボタンで表示されるMAPボタンを無効にしたいと思います。
これどうやってするの?
回答:
マップを有効にしてオプションをマップに渡すときに、mapTypeControlOptionsを指定する機会があります。これらには、ユーザーが表示できるようにするマップタイプの種類を指定する配列があります。これはhttp://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptionsで確認できます。
ユーザーにマップタイプに関するオプションを持たせたくない場合は、マップのmapTypeControlをfalseに設定して指定することもできます。
mapTypeControl
しfalse
ても機能しません。代わりに、設定された(v3では)私のために働いた何:mapTypeControlOptions: { mapTypeIds: [] }
var myOptions = {
zoom: 2,
center: **Your LatLng object**,
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID]
}, // here´s the array of controls
disableDefaultUI: true, // a way to quickly hide all controls
mapTypeControl: true,
scaleControl: true,
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.LARGE
},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); // displays in <article id="map_canvas"></article>
//map.mapTypeControl = false; // OPTIONAL: hides the map control
サテライトオプションを無効にする:
mapTypeControl: false
ストリートビューを無効にします。
streetViewControl: false
あなたはCSSでそれらを隠すことができます
.gm-style-mtc {
display: none;
}
mapTypeControlOptions
mapTypeControlおよびstreetViewControlオプションをfalseに
var map = new google.maps.Map(document.getElementById('map_canvas'), {
center: new google.maps.LatLng(latitudeFirst, longitudeFirst),
zoom: 12,
streetViewControl: false,
mapTypeControl: false
});