CODEWITHSUNDEEP
javascriptjquerygoogle-mapsgoogle-maps-api-3
T3db0t
T3db0t

Reputation: 3551

Remove Pan control in Google Maps API V3

Is there any way to remove the circular panning navigation control but keep the zoom control in the Google Maps V3 API? I've tried forcing it offscreen with jQuery but every time the map is updated it comes back. Any ideas? Thanks!

Upvotes: 7

Views: 20689

Answers (3)

Erik Johnson
Erik Johnson

Reputation: 411

In V3, when you define your options - you have the option of disabling/enabling any UI features:

function initialize() {

    var mapOptions = {
            zoom: 4,
            center: new google.maps.LatLng(-33, 151),
            //panControl: false,
            zoomControl: false,
            scaleControl: true,
            mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
}

Upvotes: 6

cdzc
cdzc

Reputation: 121

You may also have a look in here, you can remove/add specific controls when you declare your map:

var latlng = new google.maps.LatLng(40.44062, -79.99588);
var options = {
    zoom: 14,
    center: latlng,
    disableDefaultUI: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

Taking Control of the Google Maps API V3 Controls

Upvotes: 12

Ossama
Ossama

Reputation: 2417

You can use google.maps.NavigationControlStyle.SMALL to display a small plus/minus zoom control, otherwise you'll have to create your own zoom control and add it to the map.

http://code.google.com/apis/maps/documentation/javascript/controls.html

Upvotes: 6

Related Questions