CODEWITHSUNDEEP
google-mapsgoogle-maps-api-3
Jatin Dhoot
Jatin Dhoot

Reputation: 4364

How to disable Google Map's Satellite view?

I am working on Google Maps Javascript API V 3.

Everything is working fine but I want to disable the MAP button which appears in the top right area with SATELLITE button.

How can I do this?

Upvotes: 107

Views: 127764

Answers (7)

webchun
webchun

Reputation: 1214

Warning: This method unnecessarily overrides CSS to accomplish what Google's mapTypeControl setting is for.

You can hide them via css

.gm-style-mtc {
  display: none;
}

Upvotes: 20

Ahmed Ali
Ahmed Ali

Reputation: 11

You can achieve this in two ways:

  1. JS

    streetViewControl: false,

  2. CSS

    .gm-style-mtc {
  display: none;
}

Upvotes: 1

Surendra Kumar Ahir
Surendra Kumar Ahir

Reputation: 1697

mapTypeControl and streetViewControl option to false

 var map = new google.maps.Map(document.getElementById('map_canvas'), {
             center: new google.maps.LatLng(latitudeFirst, longitudeFirst),
             zoom: 12,
             streetViewControl: false,
             mapTypeControl: false
        });

Upvotes: 22

PodTech.io
PodTech.io

Reputation: 5264

Disable Satellite option:

mapTypeControl: false

Disable street view.

streetViewControl: false

Upvotes: 70

Khrystyna Skvarok
Khrystyna Skvarok

Reputation: 1198

I had the same issue. Setting mapTypeControl: false and passing with other options worked for me. You may check spec here.

Upvotes: 4

blomman9
blomman9

Reputation: 1624

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

Upvotes: 146

Kasper Vesth
Kasper Vesth

Reputation: 4113

When you enable the map and passes the options to it, you have the chance to specify a mapTypeControlOptions. These have an Array that specifies what kind of maptype's you will allow the user to be able to see. It can be seen here http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions.

If you don't want the user to have any options as to the maptypes, you can also specify that by setting the maps mapTypeControl to false.

Upvotes: 69

Related Questions