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