How to remove a MapType from google map using Google Maps Javascript V3 API?

Question

Here is the snippet I am using to display Google map on my app using their V3 Javascript API.

var myOptions = {             zoom: 15,             mapTypeId: google.maps.MapTypeId.ROADMAP          } var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

But the map shows terrain, hybrid and satellite which I don't want. How do I remove those controls from the map.

Answer 1

You can remove all the default UI

var mapOptions = {             zoom: 15,             mapTypeId: google.maps.MapTypeId.ROADMAP,             disableDefaultUI: true         };  var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 

And then you can add your own controls

Or you can just add mapTypeControl: false

Answer 2

The Google Maps v3 API doc is great.

In it, you'll find that MapOptions have a property, "mapTypeControl", which is a boolean. Set it to false to disable it for your map.